You do not need 20 icon files anymore. Here is the modern, minimal set that covers every major browser and device.
The recommended set
| File | Size | Purpose |
|---|---|---|
| favicon.ico | 32x32 | Legacy browsers |
| icon.svg | scalable | Modern browsers |
| apple-touch-icon.png | 180x180 | iOS home screen |
Why SVG wins
An SVG favicon is a single file that stays sharp at any resolution and supports dark mode via media queries.
html
<link rel="icon" href="/icon.svg" type="image/svg+xml">FAQ
Do I still need an ICO file?
Yes, keep a 32x32 favicon.ico as a fallback for older browsers that ignore SVG.
What about the 16x16 size?
Modern browsers downscale a 32x32 icon just fine, so a dedicated 16x16 is optional.
Tags:faviconsizesformatssvg
Written by
FaviconHub Team
Building the free favicon API, generator and converters at FaviconHub — and writing about favicons, icons and web branding.