This web tool lets you upload one PNG image and automatically generate multiple PWA icon sizes (72×72, 96×96, 128×128, 192×192, 256×256, 384×384, 512×512). You can preview and download all icons as a ZIP file instantly.
- ✅ Upload PNG & auto-generate icons
- ✅ Preview each generated icon
- ✅ Select sizes you want
- ✅ Download all icons in one .zip
- ✅ Supports PWA install prompt
- ✅ 100% Client-side (no server upload)
- ✅ Works on mobile & desktop
| Size | Purpose |
|---|---|
| 48×48 | Optional legacy fallback |
| 72×72 | Low-density devices(Older tablets) |
| 96×96 | Standard display |
| 128×128 | General icon |
| 192×192 | PWA Install icon (Required ✅) |
| 256×256 | High-res icon |
| 384×384 | Play Store suggested |
| 512×512 | Primary PWA icon (Required ✅) |
-
Upload your PNG logo (prefer 512×512 for best result)
-
Choose icon sizes
-
Click Generate
-
Preview icons
-
Click Download ZIP
- icon-48.png
- icon-72.png
- icon-96.png
- icon-128.png
- icon-192.png
- icon-256.png
- icon-384.png
- icon-512.png
HTML, CSS, Vanilla JavaScript
Canvas API (for image resizing)
JSZip (ZIP download)
PWA Service Worker support
This project supports Add to Home Screen. When installed, you can generate icons offline.
Add generated icons inside your manifest.json:
{
"name": "My PWA App",
"short_name": "PWA App",
"icons": [
{"src":"icon-72.png","sizes":"72x72","type":"image/png"},
{"src":"icon-96.png","sizes":"96x96","type":"image/png"},
{"src":"icon-128.png","sizes":"128x128","type":"image/png"},
{"src":"icon-192.png","sizes":"192x192","type":"image/png"},
{"src":"icon-256.png","sizes":"256x256","type":"image/png"},
{"src":"icon-384.png","sizes":"384x384","type":"image/png"},
{"src":"icon-512.png","sizes":"512x512","type":"image/png"}
]
}
MIT — free to use & modify.
If you like it, ⭐ the repo! Issues & improvements welcome.