Vincent's blog

SVG favicons

The age of SVG favicons has arrived, enabling the creation of favicons that support both dark and light mode through media queries.

<svg>
  <style>
    path { fill: #000; }

    @media (prefers-color-scheme: dark) {
      path { fill: #fff; }
    }
  </style>
  <path />
</svg>