This content originally appeared on Stefan Judis Web Development and was authored by Stefan Judis
Here's a quick snippet I found on CSS Tricks for later use.
SVG favicons are almost cross-browser supported. Unfortunately, Safari is not ready yet, and that's why we still need to define an ico
favicon. Use the sizes="any"
attibute to avoid Chromium browsers loading both favicon files (ico
and svg
).
<!-- Avoid that Chromiums download ico and svg 👇 -->
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
Reply to Stefan
This content originally appeared on Stefan Judis Web Development and was authored by Stefan Judis

Stefan Judis | Sciencx (2021-11-07T12:00:00+00:00) How to correctly load SVG favicons (#snippet). Retrieved from https://www.scien.cx/2021/11/07/how-to-correctly-load-svg-favicons-snippet/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.