Every PWA icon you need,
from one image
Standard and maskable icons, apple-touch-icon, favicon and a ready manifest.json. Free, private, runs entirely in your browser.
- 10+ sizes
- Maskable
- PNG · JPG · WEBP · SVG
- No upload
Built for real PWA workflows
All required sizes
48 to 512 px, plus 180 px apple-touch-icon and 32 px favicon.
Maskable icons
Safe-zone padding so Android never crops your logo. Crop to rounded corners and preview maskable padding without cutting your image.
Sharp output
Every size is rendered from your original image, not downscaled from a preview.
Manifest included
Valid manifest.json with id, scope, colors and correct icon purposes.
Private by design
Nothing leaves your device. Works offline once loaded.
Any screen
Touch, mouse and keyboard friendly, light and dark themes.
What is a PWA icon generator?
A Progressive Web App needs several icon sizes so it looks right on the home screen, in app switchers, on splash screens and in desktop install prompts. This tool takes one high-resolution image and creates the whole set together with a manifest.json that references it.
Sizes generated
- 48-144 px: legacy Android launchers, Windows tiles, small contexts
- 152 / 180 px: iPad and iPhone home screen (apple-touch-icon)
- 192 px: minimum Android home screen size required by Chrome
- 256 / 384 px: high-density screens
- 512 px: splash screens and store listings, required for installability
Tips
- Start with a square image of 512 px or more.
- Keep detail simple so it stays legible when small.
- Use the maskable option and keep your logo inside the rounded safe area.
How to use it
Upload
Drop an image or click the upload area. Position it with drag, zoom and rotate.
Configure
Set the app name, prefix, format and manifest options.
Generate
Press the button and watch every size render.
Download
Unzip into your project root and paste the included snippet into your HTML head.
FAQ
Which sizes are generated?
48, 72, 96, 128, 144, 152, 192, 256, 384 and 512 px, plus optional maskable 192/512, a 180 px apple-touch-icon and a 32 px favicon.
Which format should I choose?
PNG is the safest choice and supports transparency. WEBP is smaller. JPG has no transparency. SVG output wraps a raster image and is not a true vector.
What input size is best?
A square image of at least 512×512 px. Larger sources give sharper small icons.
Are my images uploaded?
No. Everything is processed locally in your browser.
What is a maskable icon?
An icon with extra padding so operating systems can crop it into circles or squircles without cutting off your logo.
Can I rename the files?
Yes, change the icon prefix. The manifest and HTML snippet update automatically.