App Icon Sizes in 2026: The Complete iOS, Android, and Web Reference
Design one 1024×1024 master and export everything else. Every size iOS, Android, and PWAs actually require — plus the safe-zone rules and format gotchas that get app submissions rejected.
Icora Team
Engineering
The short version: design a single 1024×1024 master, keep it as a vector, and export downward. Every size any platform asks for in 2026 is derived from that one asset. The rest of this reference is the specific numbers, the safe zones, and the handful of format rules that cause rejected submissions and clipped logos.
Platforms have spent the last few years consolidating: Xcode now scales one icon to every iOS slot, Android replaced size grids with layered adaptive icons, and the web settled on a small manifest set. Knowing the system beats memorizing thirty numbers.
iOS: One Icon, Many Derivatives
Since Xcode 14, you provide one 1024×1024 PNG and Xcode generates every device size automatically (you can still override individual slots when you need pixel-perfect small sizes). Since iOS 18, Home Screens can render icons in dark and tinted modes — supply dedicated dark and tinted variants rather than letting the system improvise a treatment on your light icon. The sizes that actually get rendered:
| Use | Pixels | Points |
|---|---|---|
| App Store listing | 1024×1024 | — |
| iPhone home screen | 180×180 (@3x), 120×120 (@2x) | 60pt |
| iPad home screen | 167×167 (iPad Pro), 152×152 | 83.5pt / 76pt |
| Spotlight search | 120×120, 80×80 | 40pt |
| Settings | 87×87, 58×58 | 29pt |
Warning
The two iOS rules that reject submissions: the App Store icon must be a full-bleed opaque square with no transparency, and you must NOT pre-round the corners — iOS applies its squircle mask automatically. A pre-rounded icon shows dark artifacts in the corners where the two masks disagree.
Android: Adaptive Icons and the 66dp Safe Zone
Android launcher icons are adaptive: two layers (a foreground and a background) composited on a 108×108dp canvas. The launcher crops that canvas into whatever shape the device uses — circle, squircle, rounded square — and shifts the layers slightly for parallax effects. The edges of your canvas will be cropped on some devices by design. Only the center 66dp-diameter circle is guaranteed visible everywhere, so the logo lives entirely inside it.
- Adaptive icon layers: 108×108dp each, exported at 432×432px for xxxhdpi. Background can be a flat color or simple texture; foreground carries the mark.
- Legacy density exports (still used by older launchers and some OEM surfaces): 48px (mdpi), 72px (hdpi), 96px (xhdpi), 144px (xxhdpi), 192px (xxxhdpi).
- Google Play Store listing: 512×512, 32-bit PNG.
- Themed icons (Android 13+): an additional monochrome foreground layer that launchers tint to match the user's wallpaper palette.
Pro Tip
The 66dp safe circle is 61% of the canvas width. A quick sanity check: draw a circle over your foreground layer at 61% width, centered — if any part of the logo pokes outside it, some launcher somewhere is cropping that part off.
Web and PWA: The Manifest Set
An installable web app needs manifest icons at 192×192 and 512×512, plus a maskable variant whose artwork stays inside the central safe zone (a circle spanning 80% of the canvas) so launchers can crop it like a native adaptive icon. Alongside those live the classic favicon files — tab icon, apple-touch-icon, and friends — which have their own small science covered in our favicon guide.
| Asset | Size | Used by |
|---|---|---|
| favicon.ico | 32×32 | Browser tabs, legacy tooling |
| icon.svg | Vector — any size | Modern browser tabs |
| apple-touch-icon.png | 180×180 | iOS home-screen bookmarks |
| Manifest icons | 192×192, 512×512 | Android/PWA install, splash screen |
| Maskable icon | 512×512, safe center | Launchers that crop to shape |
Design Rules That Survive Every Platform
- One silhouette. The icon must read as a single recognizable shape at 48px. If it needs study, it needs simplification.
- No essential text. Words are illegible at launcher sizes and clash with the app name displayed underneath.
- Respect optical weight, not just geometry. A circle and a square of equal pixel size look unequal — the same optical-correction rules that govern icon sets apply doubly to the one icon representing your whole product.
- Test at the small end. Judge the design at 48px on a real launcher screenshot, not at 1024px in a design file.
- Mind the platform masks. Full-bleed square for iOS, safe-circle composition for Android — same artwork, two croppings.
The workflow that makes all of this painless is vector-first: keep the master as SVG, then rasterize per platform. Icora's Studio exports PNG at up to 4K from a vector master, so the 1024 App Store icon, the 432 adaptive layers, and the manifest set are all one-click exports from the same file — and when the brand color changes next quarter, you re-export instead of redrawing.
Design your app icon as a vector at icora.io/create, check it at 48px in the Studio, and export every platform size from one master. The icon stays editable forever.
Try Icora FreeFrequently Asked Questions
What size should an app icon be?
Design at 1024×1024 pixels. iOS requires exactly that for the App Store and derives the rest automatically; Android and web sizes are all smaller, so one high-resolution master exports cleanly to every slot.
Should app icons have rounded corners?
No. iOS applies its squircle mask to a full-bleed square automatically, and Android launchers crop adaptive icons into their own shapes. Pre-rounding the corners causes visible artifacts on both platforms.
Can I use the same icon for iOS and Android?
The same artwork, packaged differently: a full-bleed opaque 1024×1024 square for iOS, and separate foreground and background layers with the mark inside the 66dp safe circle for Android adaptive icons.
What format are app icons?
PNG for the deliverables — the App Store icon must be opaque, and the Play Store wants a 32-bit 512×512 PNG. Android adaptive layers can also ship as vector drawables. Keep your master as a vector so every export stays sharp.
What icon sizes does a PWA need?
At minimum 192×192 and 512×512 PNGs declared in the web app manifest, plus a maskable variant with the artwork kept inside the central 80% safe zone so launchers can crop it into any shape.
Found this helpful? Share it!
Ready to Create Stunning Icons?
Put these principles into practice with Icora's AI-powered icon generator, professional studio tools, and developer-ready export.
Start Creating Free
