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 vote260 views1 answer
How to see to coordinate of an html element s chrome debugger
Html
0 vote266 views2 answers
Which text is used to create text animations in html
Html
0 vote266 views2 answers
How to check confirm password in javascript
Html
0 vote282 views1 answer
Twig batch
Html
0 vote278 views1 answer
Jquery append html to top of div
Html
50 votes306 views6 answers
Html text color
Html
0 vote260 views2 answers
Regex float input
Html
0 vote253 views1 answer
Navratri 2020
Html
0 vote282 views1 answer
Postgres default port
Html
0 vote271 views1 answer
Web development html chapter 1
Html