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

5 votes139 views1 answer
Video tag thumbnail
Html
0 vote145 views2 answers
Html input max words
Html
1 vote142 views1 answer
Javascript wait window load
Html
3 votes150 views1 answer
Md file link
Html
5 votes167 views3 answers
Angular input onchange
Html
0 vote155 views1 answer
Same form two submits
Html
0 vote155 views2 answers
Create node in javascript
Html
9 votes151 views4 answers
Html add image from folder
Html
0 vote183 views1 answer
Span blast html
Html
0 vote187 views1 answer
Include jquery if not included
Html