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

0 vote286 views1 answer
How to embed math in html
Html
43 votes259 views6 answers
Comment html
Html
9 votes274 views2 answers
Placeholder in date input html
Html
0 vote255 views1 answer
Netlify cms hidden field
Html
10 votes291 views2 answers
Html grundgerüst
Html
0 vote275 views1 answer
Chrome toggle device toolbar not working
Html
1 vote245 views1 answer
Bootsrap cards
Html
2 votes255 views1 answer
Html not a language
Html
0 vote257 views1 answer
Disable close from screen modal popup
Html
14 votes243 views2 answers
Html change attribute
Html