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 vote182 views1 answer
Html onclick can't find function
Html
0 vote250 views1 answer
Uncaught TypeError: Cannot read property 'value' of null at HTMLButtonElement.<anonymous>
Html
0 vote194 views1 answer
UttwuuwudqtudutauutduatTDUaduatduituitdA
Html
0 vote199 views1 answer
Taiwlinds center
Html
0 vote193 views1 answer
Html header color
Html
0 vote198 views1 answer
Java.rmi.connectexception: connection refused to host: 127.0.0.1
Html
0 vote195 views1 answer
Tailwind gap
Html
0 vote136 views1 answer
Html recaptcha
Html
0 vote147 views1 answer
Nft explain
Html
3 votes193 views2 answers
How to write 2 class in html
Html