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 vote167 views1 answer
Jstl format in c:set
Html
1 vote159 views1 answer
Html span title tooltip
Html
0 vote172 views1 answer
Capturing input value alpine js
Html
21 votes181 views5 answers
Latex link
Html
5 votes120 views1 answer
V-slot vue 3
Html
0 vote185 views1 answer
How to make body width be device width html
Html
6 votes172 views4 answers
Radio
Html
0 vote174 views1 answer
Html details open default
Html
7 votes197 views2 answers
Bootsrap card
Html
269 votes490 views3 answers
Font asweome cdn
Html