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 vote100 views1 answer
How to make a html link execute a javascript function
Html
0 vote105 views2 answers
V4l2
Html
0 vote112 views1 answer
Full screen button in video tag html5
Html
1 vote101 views1 answer
Git 443 operation timed out
Html
0 vote112 views1 answer
C# load embedded html document and show in browser
Html
21 votes111 views3 answers
Google font import
Html
0 vote104 views1 answer
E.target.value svelte
Html
50 votes101 views6 answers
Html text color
Html
3 votes104 views2 answers
Address tag in html
Html
0 vote128 views1 answer
Disable right click on your webpage
Html