Progressive Web App

PWA Icon Generator

Generate 192px and 512px icons plus maskable variants, check the Android safe zone and edit the full manifest. Everything is rendered in your browser.

1. Source image

A square PNG or SVG of at least 512x512 gives the cleanest install icons.

Maskable, not just resized

Maskable icons are full-bleed: the background covers the whole square so Android never crops into transparency and adds its own white plate.

80% safe zone

Launchers may crop to any shape inside a circle covering 80% of the icon. The preview draws that circle and warns when your artwork crosses it.

Complete manifest

Name, short name, start URL, display mode, theme and background colors, plus purpose: maskable entries — not a stub file.

Frequently asked questions

What is a maskable icon?
A maskable icon is a full-bleed square icon that Android crops to the launcher's shape. Content must stay inside a circle covering 80% of the icon, known as the safe zone.
What icon sizes does a PWA need?
A manifest needs at least a 192x192 and a 512x512 PNG. Adding maskable variants of both prevents Android from putting your icon on a white background plate.
Why does my icon look smaller after installing?
Launchers crop maskable icons, so artwork drawn close to the edges gets cut. Lower the content scale until the safe-zone check passes.
Do I still need a favicon?
Yes. PWA icons cover the installed app; browser tabs and bookmarks still use favicon.ico and the 16x16 and 32x32 PNGs from the favicon converter.

Need favicon.ico, 16x16 and 32x32 browser icons instead? The favicon converter generates the browser package.