Icone SVG vs ICO
SVG è il futuro; ICO è la base. Pubblica entrambi.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Perché SVG vince sui browser moderni
Un file, scalabilità infinita, supporto media query per la dark mode. Il peso è in genere sotto i 2 KB.
Perché ICO resta indispensabile
Browser datati, collegamenti Windows e alcuni embed leggono solo .ico. Ometterlo produce un'icona rotta per circa il 5 % degli utenti.
Usali insieme
Collega prima favicon.ico come fallback universale, poi aggiungi <link rel="icon" type="image/svg+xml"> per i browser che lo supportano.
FAQ
Should I use SVG or ICO for a favicon?
Use both. Link favicon.ico as the universal fallback, then add <link rel="icon" type="image/svg+xml"> for scalable rendering on modern browsers.
Does SVG work in every browser?
Most modern browsers support SVG favicons, but older browsers and some embedders still need .ico. Never ship SVG alone.
Can an SVG favicon support dark mode?
Yes. Embed a <style>@media (prefers-color-scheme: dark) { ... }</style> block inside the SVG file.