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 vote123 views1 answer
Fafa login icons html code
Html
0 vote154 views1 answer
El cerdo
Html
0 vote138 views1 answer
Elementos linea html
Html
0 vote125 views1 answer
Chrome youtube tab goes blank
Html
0 vote174 views1 answer
Equipages meaning
Html
1 vote208 views1 answer
Coreui text align center
Html
0 vote127 views1 answer
How to put a name to anchor in html
Html
1 vote145 views1 answer
Bootstrap center button horizontally
Html
16 votes129 views3 answers
How to make a file downloadable in html
Html
42 votes154 views1 answer
HTML Links - Hyperlinks
Html