The modern answer is far shorter than the classic 20-file favicon pack: one SVG, one 180×180 PNG for iOS, one multi-resolution .ico for legacy, plus two PWA icons. Everything else is legacy weight.
| File | Size | Purpose |
|---|---|---|
| favicon.svg | any | Modern browsers — scales to any density, supports dark mode via media queries |
| favicon.ico | 16/32/48 | Legacy browsers and the Windows taskbar. Multi-resolution container. |
| apple-touch-icon.png | 180×180 | iOS home screen. No transparency — iOS composites on black. |
| icon-192.png | 192×192 | Web App Manifest, Android home screen |
| icon-512.png | 512×512 | Web App Manifest, splash screen generation |
| icon-maskable-512.png | 512×512 | Maskable icon with a safe zone in the middle 80 % |
Worth knowing: A .ico file can contain several resolutions in one file. Shipping 16/32/48 inside a single favicon.ico covers every browser that still needs raster favicons.
Questions
What sizes do I need for favicon sizes?
The modern answer is far shorter than the classic 20-file favicon pack: one SVG, one 180×180 PNG for iOS, one multi-resolution .ico for legacy, plus two PWA icons. Everything else is legacy weight.
Is there anything easy to get wrong here?
A .ico file can contain several resolutions in one file. Shipping 16/32/48 inside a single favicon.ico covers every browser that still needs raster favicons.
Other asset references
iOS App Icon SizesAndroid App Icon SizesOpen Graph & Social Preview SizesApp Store Screenshot SizesGoogle Play Store Asset SizesSplash Screen & Launch Image Sizes
Source: official Web documentation. Verified 2026-08-07.