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

18 votes208 views3 answers
Html inline css
Html
8 votes213 views2 answers
Button functions html
Html
0 vote216 views1 answer
Free video url for testing
Html
0 vote210 views1 answer
Createjs
Html
75 votes213 views6 answers
Html button with href
Html
8 votes235 views3 answers
Css change font awesome icon color
Html
25 votes223 views6 answers
Navbar bootstrap
Html
4 votes295 views2 answers
Strong tag html
Html
69 votes209 views6 answers
A href tag
Html
3 votes232 views5 answers
Angular model change
Html