PWA Icon Set Generator
Drop in one square image and get nine PNG sizes plus a paste-ready manifest.json snippet — auto-generated.
How to Use
Recommended: 512×512 or larger square PNG / JPG / WebP. Non-square inputs are center-cropped to a square first.
Nine sizes (72/96/128/144/152/180/192/384/512px) are generated automatically. You can download any one individually.
Click 'Download ZIP' to get all PNGs at once, then copy the manifest.json snippet straight into your PWA config.
FAQ
Why does the source need to be square?
PWA icons are all square. Non-square inputs are center-cropped to a square, so a logo near the edge may be cut. Pre-square your image to avoid that.
Can I use a source smaller than 512×512?
It will work but the larger sizes (384/512) may look blocky. For best quality, start from a 512×512 master.
What about maskable icons?
Maskable icons require the logo to fit in the inner 80% safe zone, so they need a separately-padded source. This tool only resizes — for maskable variants, build a padded master and run the tool again.
Why is apple-touch-icon 180×180?
iOS Safari uses 180×180 as the standard home-screen icon size. This tool emits that as 'apple-touch-icon-180x180.png'.
Is anything sent to a server?
No. Resizing happens via the Canvas API in your browser — your image never leaves the page.
