Dark mode favicon

/* HTML */
<link rel="icon" href="/favicon.svg" type="image/svg+xml">

/* SVG image */
<svg width="50" height="50" viewBox="0 0 50 50" xmlns="http://www.w3.org/2000/svg">
  <style>
    rect {
      fill: green;
    }
    @media (prefers-color-scheme: dark) {
      rect {
        fill: red;
      }
    }
  </style>
  <rect width="50" height="50" rx="5"/>
</svg>

Source: catalin.red

Similar codes

43 votes182 views6 answers
Html line break
Html
0 vote179 views1 answer
Disabling cach using meta tag
Html
-1 vote225 views2 answers
Bootstrap 5 left div
Html
-1 vote224 views1 answer
Allow multiple select on radio button in html
Html
0 vote204 views1 answer
Ascii corners
Html
0 vote176 views1 answer
Onclick open new page html
Html
0 vote167 views1 answer
Link md
Html
0 vote176 views1 answer
How to set up html basic workspace
Html
1 vote233 views1 answer
Laravel blade remove all html tags
Html
0 vote181 views1 answer
Eslint ignore v-html
Html