PWA Icon Size Requirements 2025
Complete specification guide for all PWA icon sizes. Learn exactly which icon sizes you need for Android, iOS, favicons, and maskable icons.
Quick Answer: Minimum Required Sizes
For a basic PWA, you need 4 icon files minimum:
- 192×192 (any) - Android home screen icon
- 192×192 (maskable) - Android adaptive icon
- 512×512 (any) - Splash screen & high-res displays
- 512×512 (maskable) - High-res adaptive icon
For full cross-platform support, you need 19 icon sizes total (see table below).
What Are These Icon Sizes For?
PWA icons serve different purposes depending on size and platform:
- •16×16, 32×32, 48×48 - Browser favicons (tab icons)
- •72×72, 96×96, 144×144 - Android legacy devices
- •120×120, 152×152, 167×167, 180×180 - iOS app icons (all iPad and iPhone sizes)
- •192×192 - Standard Android home screen icon
- •512×512 - High-resolution displays, splash screens, app stores
Complete PWA Icon Size Table
| Size | Purpose | Platform | Required? |
|---|---|---|---|
| 16×16 | Favicon | Desktop browsers | Recommended |
| 32×32 | Favicon | Desktop browsers | Recommended |
| 48×48 | Android legacy | Old Android devices | Optional |
| 72×72 | Android legacy | Old Android devices | Optional |
| 96×96 | Android legacy | Old Android devices | Optional |
| 120×120 | iOS app icon | iPhone (Retina) | Recommended |
| 144×144 | Android | Android tablets | Recommended |
| 152×152 | iOS app icon | iPad (Retina) | Recommended |
| 167×167 | iOS app icon | iPad Pro | Recommended |
| 180×180 | iOS app icon | iPhone (latest) | Recommended |
| 192×192 | PWA icon (any) | Android home screen | REQUIRED |
| 192×192 | PWA icon (maskable) | Android adaptive | REQUIRED |
| 384×384 | PWA icon | High-DPI displays | Recommended |
| 512×512 | PWA icon (any) | Splash screens | REQUIRED |
| 512×512 | PWA icon (maskable) | High-res adaptive | REQUIRED |
| 1024×1024 | App store | iOS App Store submission | If publishing to App Store |
What Are "Maskable" Icons?
Maskable icons are Android adaptive icons that can be cropped into different shapes (circle, squircle, rounded square) depending on the device manufacturer.
"any" purpose icons
Regular icons displayed as-is without cropping. Your design should fill the entire canvas.
"maskable" purpose icons
Adaptive icons with 20% safe zone padding. Your logo should be centered with empty space around edges.
Important: You need BOTH "any" and "maskable" versions of 192×192 and 512×512 sizes. This ensures your icon looks good on all Android devices.
Recommended Workflow
- 1.Start with high resolution
Create or generate a 512×512 PNG source image
- 2.Generate all sizes automatically
Use Imagcon to create all 19 required sizes in one click
- 3.Create maskable variants
Ensure maskable icons have 20% padding (Imagcon does this automatically)
- 4.Update manifest.json
Add all icon sizes to your manifest file with correct paths and purposes
Generate All 19 Icon Sizes Automatically
Imagcon's AI creates every PWA icon size you need, including both "any" and "maskable" variants. No manual resizing required.
Try Imagcon Free