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 vote323 views1 answer
Javascript update number
Html
0 vote310 views1 answer
Html form date para fecha limitada
Html
2 votes346 views2 answers
Autoclick button if refresh page html
Html
57 votes303 views2 answers
Html button radio button
Html
4 votes296 views2 answers
Align right tailwind
Html
1 vote310 views1 answer
Html ul types
Html
0 vote308 views1 answer
Can we manipulate the html elements
Html
1 vote348 views1 answer
What is min attribute in password
Html
0 vote317 views1 answer
Icon for right arrow
Html
0 vote293 views1 answer
Does whitehatjr teach c++
Html