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

15 votes289 views1 answer
No suggestion html
Html
6 votes308 views6 answers
Button
Html
0 vote300 views1 answer
How to set a fav icon
Html
0 vote292 views1 answer
Placeholder in input field MVC
Html
0 vote354 views1 answer
Cast2tv.net not working
Html
0 vote354 views1 answer
How to resize all images in a class html
Html
1 vote299 views1 answer
Html to markdown table
Html
8 votes314 views6 answers
Bootstrap 5 jumbotron
Html
2 votes295 views1 answer
Uninstall xampp linux
Html
0 vote296 views1 answer
Detailed list html
Html