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

168 votes180 views6 answers
How to use style in html
Html
84 votes148 views4 answers
Justify content align items
Html
0 vote150 views1 answer
COMMENT EFACER UN BORDER DANS UN TABLAEAU
Html
1 vote180 views1 answer
What file extension sould you use to save a website
Html
232 votes347 views6 answers
How to link js to html
Html
1 vote143 views1 answer
Git 443 operation timed out
Html
1 vote209 views1 answer
HP cmd get computer serial number
Html
63 votes152 views6 answers
Html center image
Html
1 vote155 views1 answer
How to put custom tab name in html
Html
1 vote150 views1 answer
Simple form label
Html