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 vote135 views1 answer
Ol list showing without numbers
Html
162 votes144 views6 answers
Html stylesheet link
Html
1 vote230 views1 answer
Open new tab anhor tag
Html
0 vote168 views1 answer
Internal phone input
Html
1 vote130 views1 answer
Maintenance page html
Html
0 vote157 views1 answer
Resgion html
Html
2 votes161 views1 answer
Index.html file
Html
0 vote137 views1 answer
Chrome extension button click to different html page
Html
0 vote140 views1 answer
Html input tooltip
Html
3 votes133 views1 answer
Mailto://
Html