Create Perfect PWA Icons
Generate manifest-ready icons for your Progressive Web App. Our AI creates all sizes including maskable icons - works on Android, iOS, and desktop.
Installable Web App Icon
Everything You Need for PWAs
Professional Progressive Web App icons that work seamlessly across all platforms and devices
Generate all icon sizes required by the Web App Manifest. Perfect for installable PWAs on any platform.
Get maskable icons with safe zones for adaptive presentation. Works perfectly on Android, iOS, and desktop.
Choose from 3D Clay, Glassmorphism, Flat Design, and more. Create icons that match your web app's brand.
Skip the design tools. Generate professional PWA icons in under a minute with AI.
All PWA Icon Sizes Included
PWAs need multiple icon sizes for different contexts - home screen, splash screen, taskbar, and more. Icon Maker generates every size in one click.
- 512×512px high-res icon included
- Maskable icons with safe zones
- All standard PWA sizes (48 to 512)
- Apple touch icon sizes included
- Transparent and solid backgrounds
- PNG format optimized for web
Maskable Icons Explained
Maskable icons ensure your PWA looks perfect on any platform, regardless of the icon shape used.
Maskable icons work on Android, iOS, Windows, macOS, and Linux. Your icon adapts to each platform's preferred shape automatically.
The inner 80% of a maskable icon is the safe zone. Icon Maker positions your content correctly so nothing gets cut off by circular or rounded masks.
Export both 'any' and 'maskable' versions. Use 'any' for platforms that display icons as-is, and 'maskable' for those that apply shape masks.
Easy Manifest Integration
{
"name": "My PWA",
"icons": [
{
"src": "/icons/icon-192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "/icons/icon-512.png",
"sizes": "512x512",
"type": "image/png"
},
{
"src": "/icons/icon-maskable-512.png",
"sizes": "512x512",
"type": "image/png",
"purpose": "maskable"
}
]
}PWA Icon FAQs
A complete PWA needs icons at multiple sizes: 48×48, 72×72, 96×96, 128×128, 144×144, 152×152, 192×192, 384×384, and 512×512. You should also include Apple touch icons (180×180) and maskable versions. Icon Maker generates all required sizes automatically.
Maskable icons are designed to be displayed in various shapes (circle, rounded square, etc.) depending on the platform. They have a safe zone where your icon content should be placed (inner 80% of the canvas). Icon Maker creates both regular and maskable versions of your icons.
In your Web App Manifest (manifest.json), add an 'icons' array with entries for each size. Each entry needs 'src', 'sizes', 'type', and optionally 'purpose' (set to 'maskable' or 'any'). Icon Maker exports icons with proper naming for easy manifest configuration.
Yes, for iOS support. Add a 180×180px Apple touch icon using the <link rel='apple-touch-icon'> tag. This icon appears when users add your PWA to their home screen on iPhone or iPad. Icon Maker includes Apple touch icon sizes in every export.
Icons with purpose 'any' are displayed as-is, while 'maskable' icons may be cropped to different shapes. For best results, include both: use 'any' for your standard icon and 'maskable' for icons with the safe zone padding. You can also use 'any maskable' for icons that work both ways.
Ready to Launch Your PWA?
Create professional installable web app icons in under a minute. No design experience required.
Start with 5 free credits • No credit card required