Roundup · Updated May 2026
Best PWA Icon Generator in 2026
Your PWA needs 192×192, 512×512, and a maskable icon — plus a manifest.json that references them correctly. These are the tools that get it right.
What a complete PWA icon set requires
| Size | Format | Required? |
|---|---|---|
| 192×192 | PNG | Required |
| 512×512 | PNG | Required |
| 512×512 maskable | PNG | Recommended |
| 180×180 | PNG | Required |
| 167×167 | PNG | Recommended |
| 152×152 | PNG | Recommended |
Best PWA icon generators ranked
Generates 192×192, 512×512, and 512×512 maskable icons alongside favicons and OG images in the same workflow. Includes manifest.json and a copy-paste HTML snippet. Fastest end-to-end time.
Pros
- All PWA icon sizes + maskable variant
- manifest.json included and pre-configured
- Also generates favicons + OG image (one upload)
- HTML snippet with link rel='manifest' tag
Cons
- –Free tier: 1 generation/day
Generates PWA icons through its multi-step wizard. Unlimited free. Allows fine-grained customization of the Android adaptive icon safe zone and maskable icon background.
Pros
- Unlimited free generations
- Detailed Android adaptive icon config
- Generates iOS icons alongside PWA icons
Cons
- –Slower multi-step wizard
- –No OG image generation
- –No brand kits
Microsoft's tool focuses on full PWA packaging including service workers, manifest, and icons. More than just an icon generator — useful if you're setting up a complete PWA from scratch.
Pros
- Full PWA manifest and service worker guidance
- Icon generation from upload
- Free and open source
Cons
- –Heavier workflow than just generating icons
- –Not ideal if you only need icons
PWA icon FAQ
What PWA icons do I need to pass the Lighthouse audit?
Lighthouse requires at least a 192×192 and 512×512 PNG icon referenced in your manifest.json. To get a perfect score, also include a maskable icon with purpose: maskable in the manifest.
Do I need both a maskable and a regular PWA icon?
Yes. The regular icon (purpose: any) is displayed as-is. The maskable icon has padding so Android can crop it into various shapes. Without a maskable icon, Android places your logo on a white circle, which looks wrong for most logos.
Can I use the same image for all PWA icon sizes?
No — each size should be a properly resized version of your logo, not a scaled-down screenshot. Using a properly resized PNG ensures sharpness at every size. Snappicon handles all the resizing from your uploaded logo.
Related tools & guides
Generate your PWA icons now
Upload your logo. Get 192×192, 512×512, maskable icon, manifest.json, and HTML snippet — all free.
Generate PWA icons free