Favicon sizes · Browser · Apple · Android · PWA · 2026
Favicon All Sizes — Complete Guide
Updated: May 2026
A complete favicon set covers browser tabs, Apple devices, Android home screens and PWA splash screens. This guide lists every standard size, what it's used for, and which ones you actually need in 2026.
One image → all sizes + favicon.ico + manifest · Free · No upload
The essential sizes (2026)
For most websites and web apps, these 5 files are sufficient:
| File | Size | Used for |
|---|---|---|
favicon.ico | 16+32+48 px | Browser tabs, bookmarks, Windows taskbar |
favicon-32x32.png | 32×32 | Standard browser tab, retina |
favicon-16x16.png | 16×16 | Small browser tabs |
apple-touch-icon.png | 180×180 | iPhone, iPad home screen |
icon-192x192.png | 192×192 | Android Chrome, PWA icon |
icon-512x512.png | 512×512 | PWA splash screen, maskable icon |
site.webmanifest | — | PWA manifest, links 192 and 512 icons |
Complete size reference
| Size | Platform | Notes |
|---|---|---|
| 16×16 | All browsers | Standard tab favicon |
| 32×32 | All browsers | Retina display tab favicon essential |
| 48×48 | Windows | Desktop shortcut, pinned site |
| 57×57 | iOS (legacy) | iPhone non-retina (iOS 6 and earlier) |
| 60×60 | iOS (legacy) | iPhone non-retina (iOS 7) |
| 72×72 | iOS (legacy) | iPad non-retina (iOS 6) |
| 76×76 | iOS (legacy) | iPad non-retina (iOS 7) |
| 96×96 | Google TV / Android | Older Android chrome |
| 114×114 | iOS (legacy) | iPhone retina (iOS 6) |
| 120×120 | iOS | iPhone retina (iOS 7+) |
| 144×144 | iOS / Windows | iPad retina (iOS 6), IE10 pinned |
| 152×152 | iOS | iPad retina (iOS 7+) |
| 180×180 | iOS | iPhone 6 Plus, modern Apple essential |
| 192×192 | Android / PWA | Chrome Android, PWA icon essential |
| 256×256 | Windows | Windows 10/11 app tile |
| 512×512 | PWA | Splash screen, maskable essential |
Which sizes are truly necessary in 2026?
Legacy iOS sizes (57, 60, 72, 76, 114, 120, 144, 152) target devices running iOS 6 or 7. In 2026 these represent a negligible fraction of traffic. Most teams only generate the essential set (16, 32, 180, 192, 512) and add 48 for Windows compatibility.
If you're building a PWA, the 192 and 512 sizes are required by the Web App Manifest spec. The 512 px icon should also be maskable — meaning it has enough padding around the main graphic to be safely cropped into a circle or squircle by the OS.
Frequently asked questions
What are all the favicon sizes I need?
The essential set is: 16×16 and 32×32 (browser tabs), 180×180 (Apple), 192×192 and 512×512 (Android/PWA), plus a multi-size favicon.ico. For maximum compatibility add 48×48 (Windows), the full Apple legacy set and 256×256.
What favicon size do I really need in 2026?
The practical minimum is: favicon.ico (16+32+48 embedded), favicon-32x32.png, favicon-16x16.png, apple-touch-icon-180x180.png, icon-192x192.png, icon-512x512.png, site.webmanifest. This covers all modern browsers and platforms.
What size is a favicon.ico?
A favicon.ico embeds PNG images typically at 16, 32 and 48 px. Modern ICO files use PNG compression internally, making them smaller and sharper than old BMP-based ICO files.
Do I need different favicons for dark mode?
You can serve different favicons for dark mode using CSS media queries inside an SVG favicon. For favicon.svg, add a <style> block with @media (prefers-color-scheme: dark) to switch colors. Most browsers support SVG favicons and will respect this.