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

144 votes344 views6 answers
Javascript redirect
Html
1 vote313 views1 answer
Ionic ngfor object
Html
6 votes357 views3 answers
Prevent bootstrap modal from closing when clicking outside
Html
26 votes331 views2 answers
Html make file input only images
Html
0 vote340 views1 answer
H vhjf
Html
0 vote376 views1 answer
Th tag in html
Html
25 votes339 views6 answers
Bootstrap 4 navbar
Html
2 votes321 views2 answers
Bootstrap embed-responsive-4by3
Html
0 vote356 views4 answers
Pattern input html
Html
0 vote317 views1 answer
Command parse pipe output
Html