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

26 votes189 views5 answers
Remove underline from a tag
Html
0 vote189 views2 answers
Html how to give false link
Html
0 vote221 views1 answer
How to loop in html
Html
3 votes195 views2 answers
Divs html
Html
0 vote190 views1 answer
Was not loaded because its mime type, “text/html”, is not “text/css”. react
Html
0 vote213 views1 answer
How to add background video in html
Html
0 vote300 views1 answer
Meta Tag Generato - SEO
Html
-1 vote196 views1 answer
Textarea rows cols
Html
0 vote200 views1 answer
Close copy with html
Html
0 vote208 views1 answer
Change fill color using javascript
Html