Free PWA Icon Generator
Upload your logo and get 192×192, 512×512, and 512×512 maskable icons — plus a ready-to-use manifest.json. Everything your Progressive Web App needs.
Generate PWA icons freePWA icon sizes explained
Snappicon generates all required sizes from your logo — no manual resizing.
| Size | Purpose | Platform |
|---|---|---|
| 192×192 | standard | Android home screen, Chrome install prompt |
| 512×512 | standard | Android splash screen, high-DPI home screen |
| 512×512 | maskable | Android adaptive icons (safe zone cropping) |
| 180×180 | apple-touch-icon | iOS home screen (via apple-touch-icon) |
| 167×167 | apple-touch-icon | iPad Pro home screen |
| 152×152 | apple-touch-icon | iPad / iPad mini home screen |
manifest.json — generated for you
Snappicon generates a correctly configured manifest.json alongside your icons:
{
"name": "Your App Name",
"short_name": "App",
"theme_color": "#7C3AED",
"background_color": "#0a0a0f",
"display": "standalone",
"start_url": "/",
"icons": [
{ "src": "/icons/icon-192x192.png", "sizes": "192x192", "type": "image/png" },
{ "src": "/icons/icon-512x512.png", "sizes": "512x512", "type": "image/png" },
{ "src": "/icons/icon-512x512-maskable.png", "sizes": "512x512", "type": "image/png", "purpose": "maskable" }
]
}What is a maskable icon?
Android devices use adaptive icons that crop your app icon into different shapes — circles, squircles, squares — depending on the device launcher. Without a maskable icon, Android places your logo on a white circle, which looks wrong for most logos.
A maskable icon keeps the important content within the inner 80% of the image (the "safe zone"). The outer 20% can be cropped without losing anything important.
Snappicon automatically generates a 512×512 maskable variant with your logo scaled to fit the safe zone and your chosen background color filling the rest.
What Snappicon generates for your PWA
192×192 PNG icon
Required for Android home screen and Chrome PWA install prompt.
512×512 PNG icon
Required for Android splash screen and Lighthouse PWA audit.
512×512 maskable icon
Adaptive icon for Android launchers with correct safe zone padding.
Apple Touch icons
180, 167, and 152px icons for iOS and iPad home screens.
manifest.json
Pre-configured with your icon paths, display mode, and theme color.
HTML head snippet
The link rel='manifest' tag and apple-touch-icon tags ready to paste.
PWA icon generator FAQ
What PWA icon sizes do I need?
The minimum required by most browsers is 192×192 and 512×512 PNG. For full iOS and iPad support, also include 180×180 (apple-touch-icon), 167×167, and 152×152. Snappicon generates all of these from one upload.
What is a maskable PWA icon?
Android adaptive icons crop your icon into different shapes (circle, squircle, etc.) depending on the device. A maskable icon keeps your logo within the inner 80% safe zone so it looks correct regardless of the crop shape.
Do PWA icons need to be PNG?
PNG is the most widely supported format. Some browsers accept WebP or SVG for icons, but PNG 192×192 and 512×512 are the safe defaults that work everywhere.
How do I add PWA icons to my web app?
Reference them in your manifest.json with the correct sizes and purpose fields, then link the manifest from your HTML <head> with <link rel="manifest" href="/manifest.json" />. Snappicon generates both the icons and the manifest.
Does my PWA need a manifest.json?
Yes. The Web App Manifest tells the browser your app name, theme color, icons, and display mode. Without it, Chrome won't show the PWA install prompt. Snappicon generates a ready-to-use manifest.json alongside the icons.
Related tools & guides
Generate PWA icons now — free
No account needed. Upload your logo and download all PWA icons plus manifest.json in seconds.
Generate PWA icons free