App Icon Size for Progressive Web App (PWA)
All browsers · Browser / Home Screen
The complete, up-to-date icon size requirements for Progressive Web App (PWA) in 2026. Every pixel dimension for Browser / Home Screen — plus format requirements and common mistakes.
PWAs require a comprehensive icon strategy spanning three key areas: favicon.ico for browser tabs, apple-touch-icon for iOS devices, and manifest.json icons for Android home screen installation. The 512px size serves as the master icon, providing sufficient detail for larger displays and automatic downscaling. The 192px icon is crucial for Android's home screen, while 180px targets iOS Safari's add-to-home-screen feature. Smaller sizes (16px-72px) handle browser tabs and bookmarks. Unlike native apps, PWAs must work across all browsers and devices, making cross-platform compatibility essential for consistent branding and user recognition.
All Required Icon Sizes — Progressive Web App (PWA)
| Size (px) | Dimensions | Format | Usage Context |
|---|---|---|---|
| 512px | 512×512 | PNG | Google Play Store listing — required |
| 192px | 192×192 | PNG | System context |
| 180px | 180×180 | PNG | Home screen @3x (iPhone) |
| 167px | 167×167 | PNG | iPad Pro @2x |
| 152px | 152×152 | PNG | iPad @2x |
| 144px | 144×144 | PNG | Android xxhdpi |
| 128px | 128×128 | PNG | System context |
| 96px | 96×96 | PNG | Android xhdpi |
| 72px | 72×72 | PNG | Android hdpi |
| 48px | 48×48 | PNG | Android mdpi |
| 32px | 32×32 | PNG | macOS 32pt |
| 16px | 16×16 | PNG | macOS 16pt / favicon |
Technical Requirements
Common Mistakes for Progressive Web App (PWA) Icons
First, using a single favicon.ico instead of providing multiple sizes (16px, 32px, 48px) within the ICO file, causing pixelated browser tabs. Second, forgetting the 180x180px apple-touch-icon, resulting in blurry iOS home screen icons when users add the PWA. Third, omitting the 512x512px manifest icon, which prevents proper Android installation prompts and creates poor home screen appearance. These oversights break the native app illusion that PWAs strive to achieve, undermining user trust and adoption rates across different platforms and devices.
How to Export Icons for Progressive Web App (PWA)
- 1Design your icon at 512×512px — this is your master file
- 2Use sRGB color space
- 3Ensure no transparency — the background must be solid
- 4Export as PNG / SVG / ICO at each required size
- 5Upload to Browser / Home Screen — the 512px version goes in the metadata field
Generate All Progressive Web App (PWA) Icon Sizes Instantly
Upload your master icon once. AppIconsKit exports all 12 required sizes for Progressive Web App (PWA) — correctly formatted for Browser / Home Screen.
Generate Progressive Web App (PWA) Icons Free →