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 vote276 views2 answers
Drupal 9 path to theme
Html
30 votes269 views6 answers
How to give color to text in html
Html
58 votes307 views6 answers
Link html
Html
1 vote282 views1 answer
Summernote
Html
6 votes294 views2 answers
Bootstrap 4 banner with a button and a text
Html
12 votes254 views2 answers
How to web scrape with scrapy
Html
0 vote273 views1 answer
Cambiar el texto de label usando Jquery
Html
0 vote295 views1 answer
Why html
Html
276 votes534 views10 answers
Lorem ipsum
Html
0 vote263 views1 answer
Html5 time input
Html