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 vote173 views1 answer
Bootstrap date search
Html
1 vote157 views2 answers
How to use div in html
Html
9 votes148 views2 answers
Html footer
Html
9 votes155 views4 answers
Html add image from folder
Html
0 vote158 views1 answer
V-select reduce
Html
2 votes170 views2 answers
Socket io script
Html
2 votes169 views1 answer
Htmladjacent
Html
4 votes272 views6 answers
Uncaught ReferenceError: $ is not defined
Html
1 vote215 views1 answer
Ng for until number
Html
0 vote149 views1 answer
How to add a row in table html
Html