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

22 votes225 views1 answer
Html input float type
Html
3 votes311 views2 answers
Mobile prevent zoom
Html
0 vote220 views1 answer
How to show pdf as image in html
Html
0 vote225 views1 answer
Form INPUT Determine multiple file extensions
Html
5 votes187 views1 answer
Font awesome home icon
Html
3 votes248 views2 answers
Prevent webpage zooming in mobile
Html
268 votes348 views7 answers
Fontawesome
Html
51 votes257 views6 answers
French to english
Html
1 vote239 views1 answer
Coc allow comments in json
Html
0 vote247 views1 answer
Fa fa-wrench fa-2x sunflower
Html