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 vote181 views1 answer
How to make clicking button send you down to a certain section of page html
Html
54 votes170 views6 answers
Favicon
Html
0 vote145 views1 answer
Password setCustomValidity html5
Html
2 votes139 views1 answer
How to pass two values in one html.actionlink
Html
-2 votes143 views1 answer
How to do auto composing on jupyter notebook
Html
0 vote166 views1 answer
How to combine two input fields in html
Html
0 vote99 views1 answer
Haw to fmake a link open in a new tag in html
Html
2 votes143 views1 answer
Th colspan html
Html
0 vote152 views1 answer
Livewire wire loading remove attribute
Html
2 votes260 views2 answers
Divs in html
Html