PWA · 192×192 · 512×512 · Maskable · site.webmanifest

PWA Icons Generator

Q: What PWA icons do I need?

A PWA requires at minimum a 192×192 icon and a 512×512 icon in the site.webmanifest. The 512 px icon should have purpose: maskable so Android can safely crop it into any shape. Both must be PNG.

Q: What is a maskable PWA icon?

A maskable icon has its main graphic confined to the central 80% safe zone of the canvas, with padding around it. Android uses this to crop the icon into circles, squircles or other shapes without cutting off the logo.

Q: Can I use one icon for both 192 and 512?

No, you need both sizes separately. Chrome requires a 512×512 icon for the PWA install prompt. The 192×192 is used for the home screen icon on Android devices.

Updated: May 2026

Progressive Web Apps require specific icon sizes in site.webmanifest to be installable on Android and ChromeOS. This tool generates the correct 192×192 and 512×512 PNG icons from your image — alongside the full favicon set and manifest file.

Generate PWA Icons →

192×192 · 512×512 · manifest · Free · No upload

What PWA icons are required

Chrome's installability criteria require:

At least one icon that is 192×192 px or larger in site.webmanifest.
At least one icon that is 512×512 px or larger for the install splash screen.
Icons must be PNG format and linked from the manifest's icons array.
The 512 px icon should carry purpose: "maskable any" for adaptive icon support.

Maskable vs. any — what's the difference

purpose: "any" — the icon is displayed as-is, no masking applied. Used for regular favicon display.

purpose: "maskable" — the icon is designed to be safely cropped into any shape. The safe zone is the inner 80% of the canvas. Android uses this for circular or squircle home screen icons.

purpose: "maskable any" — the icon works for both uses. This is the recommended value for the 512 px icon when the logo has enough padding.

The manifest icons array

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

PWA installability checklist

Valid site.webmanifest linked in <head>.
192×192 and 512×512 icons present and reachable.
Site served over HTTPS (or localhost for testing).
A registered service worker (for full PWA — not required for basic install on Chrome 113+).
display set to standalone, fullscreen or minimal-ui.

Frequently asked questions

What PWA icons do I need?

At minimum: a 192×192 PNG and a 512×512 PNG referenced in site.webmanifest. The 512 icon should be maskable. Chrome uses these for the install prompt and splash screen.

What is a maskable PWA icon?

A maskable icon keeps its main graphic within the central 80% of the canvas, leaving 10% padding on all sides. Android uses this safe zone to crop icons into circles or squircles without cutting off the logo.

Can I use one icon for both 192 and 512?

No, you need both sizes as separate files. Chrome checks for their explicit presence in the manifest. Our generator creates both from the same source image.

Why is my PWA not installable even with a manifest?

Check: (1) the manifest is correctly linked, (2) both 192 and 512 icons are reachable, (3) the site is on HTTPS, (4) display is standalone or fullscreen. Use Chrome DevTools → Application → Manifest to debug.