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 votes97 views3 answers
Open page with html
Html
65 votes105 views3 answers
Submit in html
Html
0 vote111 views2 answers
Table all cells same width
Html
1 vote139 views1 answer
Bootstrap starter code
Html
1 vote102 views1 answer
Html text transformation
Html
15 votes99 views1 answer
Pdf to html
Html
1 vote104 views2 answers
Readme.md text color
Html
0 vote102 views1 answer
Do you put the author and date in article tag html
Html
65 votes104 views6 answers
How to add links in html
Html
0 vote99 views1 answer
Save soup as html
Html