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 vote200 views1 answer
Icon for right arrow
Html
0 vote190 views1 answer
Prozent in html
Html
0 vote186 views1 answer
<aside> Tag in hindi
Html
1 vote236 views1 answer
Html css javascript free online course
Html
27 votes179 views1 answer
How to include the copyright symbol in html
Html
8 votes213 views1 answer
How to specify amout of letters in inputfield in css
Html
0 vote183 views1 answer
Command for getting the .odoorc file
Html
0 vote232 views1 answer
Emmet edit true or false sublime text
Html
3 votes181 views2 answers
How to add color to particular text on <p>in html
Html
0 vote179 views1 answer
Phanuel mutuma
Html