👍 Favicons
26 Mar, 2020
👋 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