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

50 votes211 views6 answers
Bootstrap display block
Html
0 vote203 views6 answers
Starter template bootstrap
Html
0 vote185 views1 answer
Text without html laravel function
Html
0 vote189 views1 answer
How to make body element in html
Html
0 vote205 views1 answer
Ng-container vue equvalent
Html
25 votes197 views3 answers
How to add horizontal line in html without css
Html
0 vote194 views1 answer
Html dd right align
Html
5 votes200 views2 answers
Html bootstrap textarea
Html
0 vote196 views1 answer
Fa fa file
Html
16 votes193 views2 answers
Html tabulation
Html