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 vote267 views1 answer
Slick slider slidestoshow auto
Html
2 votes181 views1 answer
Module 'speedtest' has no attribute 'Speedtest'
Html
69 votes214 views6 answers
Html link
Html
1 vote194 views1 answer
Oauth vs auth0
Html
0 vote212 views2 answers
Html encrypt email from bots
Html
0 vote228 views1 answer
Md-autocomplete
Html
0 vote179 views1 answer
Uwp remove splash screen
Html
0 vote208 views1 answer
Counterup html
Html
0 vote226 views1 answer
Display div while load
Html
0 vote186 views1 answer
Html practice
Html