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

1 vote122 views1 answer
Html table cell full width
Html
2 votes124 views1 answer
Remove border in ion item
Html
0 vote155 views2 answers
Change the font-size on a label css
Html
25 votes140 views10 answers
Bootstrap
Html
12 votes144 views3 answers
Vue form
Html
0 vote131 views1 answer
Git print commit tree html
Html
4 votes119 views3 answers
Justify content space between class bootstrap
Html
4 votes141 views1 answer
Custom iframe
Html
0 vote136 views3 answers
How to use bootstrap
Html
1 vote173 views3 answers
Onchange on select tag
Html