PWA Icon Generator
Generate a full set of PWA icons and a ready-to-use manifest.json. Everything runs in your browser.
Icons are generated client-side. Nothing is uploaded.
manifest.json updates as you change the fields.
Web Push Developer Tools
Free tools to help you get started with web push notifications.
VAPID Keys for Push Notifications
Generate a secure VAPID key pair for web push notifications.
What are PWA icons?
PWA icons are the app images used for install prompts, home screens, and app switchers across platforms.
A complete PWA icon set keeps your brand consistent everywhere your app appears. This generator exports the recommended sizes so your icons look sharp on every device.
Standard PWA sizes
Create 10 PNG icon sizes from 48x48 through 512x512 for installs and shortcuts.
Background color baked in
Apply a consistent background color so your PWA icons stay legible on any surface.
What the PWA icon generator exports
- PNG icons ready for PWA installs and shortcuts
- manifest.json with the icon sizes already mapped
- A ZIP bundle you can drop into your app
PWA Icon Questions
Common questions about generating and using PWA icons.
What sizes do PWA icons need to be?
The Web App Manifest spec recommends at least a 192x192 and a 512x512 PNG icon. This generator creates 10 sizes from 48x48 through 512x512 so your app looks sharp on install prompts, home screens, splash screens, and app switchers across all platforms.
How do I add icons to my manifest.json?
Add an icons array to your manifest with each entry specifying src, sizes, and type. This generator produces a ready-to-use manifest.json with all icon entries pre-configured. Just drop the ZIP contents into your project.
What is a maskable PWA icon?
A maskable icon includes extra padding so the OS can crop it into different shapes like circles, rounded squares, or squircles. Set "purpose": "maskable" in the manifest entry and keep important content within the inner 80% safe zone of the image.
More PWA icon guidance
References and tools to help you ship polished PWA icons.
PWA Manifest Generator
Create a manifest.json that registers your PWA icons and app metadata.
Web App Manifest Icons
Reference the icon definitions used by browsers when installing PWAs.
What is a Progressive Web App?
Complete guide to PWA fundamentals, features, and real-world examples.