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

1 vote328 views1 answer
Html yen symbol
Html
6 votes343 views5 answers
Input type text in html
Html
1 vote340 views1 answer
Change text color in html butn
Html
0 vote355 views2 answers
Convert gene id to gene symbol in R
Html
38 votes358 views5 answers
Roboto
Html
0 vote330 views1 answer
Create custum tage html
Html
0 vote360 views2 answers
Tailwind css product card
Html
2 votes408 views2 answers
How to change html code of a website
Html
14 votes382 views2 answers
Html make phone number callable
Html
0 vote354 views2 answers
Bootstrap buttons Disabled state
Html