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
How to open files as super user ubuntu
Html
0 vote200 views1 answer
HTML entities must be escaped
Html
6 votes201 views1 answer
How to link new tab in html button
Html
1 vote165 views1 answer
Ml5.js
Html
10 votes198 views1 answer
Html entity ampersand and
Html
43 votes206 views3 answers
Htmml
Html
55 votes218 views5 answers
Javascript limit input to 2 decimal places
Html
13 votes272 views2 answers
How to add an email box in html
Html
0 vote203 views1 answer
Laravel apache config
Html
0 vote196 views1 answer
Canvas drawImage wrong size image
Html