SVG vs ICO-iconen
SVG is de toekomst; ICO is het vangnet. Lever beide.
Check favicons on any website
Install the FetchFavicon Chrome Extension to extract, preview, and validate favicons instantly.
Waarom SVG wint in moderne browsers
Eén bestand, oneindig schaalbaar, met ondersteuning voor dark-mode media queries. Bestandsgrootte doorgaans onder 2 KB.
Waarom ICO nog steeds onmisbaar is
Oudere browsers, Windows-snelkoppelingen en sommige embedders lezen alleen .ico. Weglaten levert bij circa 5 % van de gebruikers een kapot icoon op.
Gebruik beide samen
Link eerst favicon.ico als universele fallback, daarna een <link rel="icon" type="image/svg+xml"> voor browsers die het ondersteunen.
Veelgestelde vragen
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.