PWA Icon Requirements — Installability Checklist
For a Progressive Web App to be installable, it must declare properly sized and formatted icons in its web app manifest. Chrome, Edge, and Safari each have slightly different minimum requirements, but meeting the full spec ensures your PWA installs cleanly everywhere. This guide covers every icon requirement for PWA installability.
Required Sizes
| Size | Format | Purpose |
|---|---|---|
| 192x192 | PNG | Minimum for Chrome install |
| 512x512 | PNG | Splash screen and install dialog |
| 512x512 | PNG | Maskable icon |
| 180x180 | PNG | Apple Touch Icon |
Best Practices
- 1Include at minimum: 192px (any), 512px (any), and 512px (maskable) icons in your manifest.
- 2Add <link rel="apple-touch-icon" href="/apple-touch-icon.png"> for iOS Safari compatibility.
- 3Keep maskable icon content within the 80% center safe zone.
- 4Validate your manifest with Chrome DevTools > Application > Manifest to check installability requirements.
Common Mistakes
- Missing the 512px icon — Chrome will not show the install prompt without a 512x512 icon in the manifest.
- Not including a maskable icon — Android devices apply adaptive masks that crop standard icons.
- Forgetting apple-touch-icon — iOS Safari ignores manifest icons and reads the apple-touch-icon link tag instead.
- Declaring icons with incorrect MIME types — ensure type is "image/png" for PNG icons in the manifest.
Generate PWA Manifest Icons
Upload one image and get all required PWA manifest icons — standard, maskable, and apple-touch-icon — for instant installability.
Open GeneratorFrequently Asked Questions
What icons does a PWA manifest need?
At minimum, your manifest needs a 192x192 and 512x512 PNG icon with purpose "any". Adding a 512x512 maskable icon is strongly recommended for Android adaptive icon support.
Why is my PWA not installable?
The most common cause is a missing 512x512 icon in the manifest. Chrome requires both 192px and 512px icons. Check Chrome DevTools > Application > Manifest for specific installability errors.
Does Safari use PWA manifest icons?
Safari on iOS uses the apple-touch-icon link tag, not manifest icons. You must include <link rel="apple-touch-icon" href="/apple-touch-icon.png"> (180x180) for iOS Add to Home Screen support.