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

39 votes219 views6 answers
Href mailto
Html
0 vote234 views1 answer
Html symbol math
Html
3 votes237 views1 answer
Bootstrap boilerplate code
Html
0 vote224 views1 answer
Html image buffer to base64
Html
38 votes217 views5 answers
Border bottom class in bootstrap 4
Html
5 votes228 views3 answers
Materialize cdn
Html
0 vote220 views1 answer
Html collapsible open by default
Html
10 votes224 views1 answer
Html entity ampersand and
Html
1 vote225 views1 answer
Corona cases in pakistan
Html
2 votes220 views1 answer
How to pass two values in one html.actionlink
Html