Include a SVG favicon
coliff opened this issue · comments
I'm submitting a ...
- bug report
- feature request
- other (Please do not submit support requests here (below))
I think we should add a SVG favicon to the root of the project. SVG favicons are supported by all major browsers. As they are scalable vectors they typically have a smaller file size than a larger 24-bit PNG and can support dark mode via a media query.
This is a great post: https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
and I agree with the conclusion that all you need is:
<link rel="icon" href="/favicon.ico"><!-- 32×32 -->
<link rel="icon" href="/icon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="/apple-touch-icon.png"><!-- 180×180 -->
<link rel="manifest" href="/site.webmanifest">