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

1 vote363 views1 answer
Main-menu-toolbar angular
Html
0 vote355 views1 answer
Html ms-text-size-adjust
Html
0 vote322 views1 answer
Change on word html
Html
0 vote310 views1 answer
How to block futer date input
Html
-1 vote301 views1 answer
Negritas html
Html
12 votes343 views3 answers
Trademark symbol
Html
-1 vote420 views1 answer
Strong and bold difference in html
Html
4 votes319 views4 answers
Selenium print html
Html
29 votes357 views4 answers
Html starter template
Html
0 vote292 views1 answer
Robots txt no index entire site
Html