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 vote184 views1 answer
Macbook boot in verbose mode
Html
0 vote172 views1 answer
Smaller than small html
Html
0 vote177 views1 answer
How to make an a tag not clickable
Html
0 vote184 views1 answer
Angular right click not working
Html
0 vote193 views1 answer
Navratri 2020
Html
7 votes175 views1 answer
Bootstrap blog post card
Html
0 vote183 views1 answer
Twig format
Html
12 votes180 views2 answers
Bootstrap grids examples
Html
9 votes176 views4 answers
How to change color in html
Html
0 vote193 views1 answer
Repeat task multicraft
Html