Favicons | Zander's Code Notes

👋 FYI, this note is over 6 months old. Some of the content may be out of date.

<link rel="icon" href="/favicon.svg" type="image/svg+xml" />
<link rel="icon" href="/favicon.png" type="image/png" />

<!-- Could use the `sizes` attr too -->
<link rel="icon" type="image/png" href="/favicon-16x16.png" sizes="16x16" />
<link rel="icon" type="image/png" href="/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96" />

Light and dark themed SVG favicon using the CSS prefers-color-scheme media feature

https://css-tricks.com/favicon-quiz

https://realfavicongenerator.net/

← Back home