PWA Icon Generator — All Required Sizes for Progressive Web Apps

Progressive Web Apps (PWAs) installed on Android home screens, Windows taskbars, and macOS docks require a comprehensive set of icon sizes specified in the Web App Manifest. Missing even a single required size can result in blurry or missing icons when users install your PWA — immediately undermining the premium, native-app quality experience that PWAs are designed to deliver. Our free PWA icon generator produces every mandatory and recommended size from a single high-resolution source image, packaging them with a ready-to-use manifest snippet.

Required PWA Icon Sizes

The Web App Manifest specification (part of the W3C web standards) requires icons across a range of sizes to support different installation contexts and device pixel densities. Our tool generates all of the following:

• 72×72: Android standard density (MDPI) home screen
• 96×96: Android HDPI home screen
• 128×128: Chrome Web Store and desktop Chrome apps
• 144×144: Android XXHDPI / Windows 8 Metro tile
• 152×152: iPad Retina home screen
• 192×192: Android XXXHDPI — required by Chrome's "Add to Home Screen" banner
• 384×384: Advisory size for very high density screens
• 512×512: Required for Chrome's splash screen on Android and for the Play Store listing if you submit via Bubblewrap/TWA

Web App Manifest JSON — Ready to Use

Beyond generating the icon image files, our tool provides the exact icons array for your manifest.json file — the declaration that tells the browser which icon files exist and at what sizes. Getting this manifest configuration wrong is a common source of PWA installation failures. The output looks like:

"icons": [
  { "src": "/icons/icon-192.png", "sizes": "192x192", "type": "image/png" },
  { "src": "/icons/icon-512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
]

The purpose: "any maskable" flag on the 512×512 icon tells Android to apply its adaptive icon mask shape (rounded square, circle, or squircle, depending on the launcher) to the icon — critical for a polished installed appearance on modern Android devices.

Maskable Icons — Google's Adaptive Icon Standard

Android adaptive icons apply a shape mask to your app icon — the actual visible icon area is only the central ~80% of the provided image (the "safe zone"). If you use a regular icon as a maskable icon without accounting for this, the launcher will crop critical parts of your logo. Our generator can optionally add padding to your source icon to ensure the logo stays within the safe zone boundary when launcher masks are applied.

Frequently Asked Questions (FAQ)