How to Create PWA Icons from SVG
Export every required PWA manifest icon size from one crisp SVG master file.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
PWA Icon Requirements
A web app manifest needs an array of icon sizes (typically 192x192 and 512x512 at minimum, often more) plus maskable variants with safe-zone padding — all best exported from a single SVG source.
- Export at least 192x192 and 512x512 PNGs
- Add maskable icons with safe-zone padding
- Generate every size from one SVG master
Maskable Icon Design
Maskable icons get cropped to different shapes (circle, squircle) by the OS, so design your SVG with the important content inside a safe center zone before exporting the maskable PNG variants.
- Keep key content within the safe center zone
- OS applies its own mask shape automatically
- Test maskable icons across Android launchers
Frequently Asked Questions
Why does my PWA icon get cropped oddly on Android?
Your maskable icon likely doesn't have enough safe-zone padding; keep important content within the center ~80% before exporting from your SVG.
How many icon sizes does a PWA manifest need?
At minimum 192x192 and 512x512, but providing several sizes from your SVG master ensures crisp icons across all devices.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG