App SnapsApp Snaps
Open studio

Task

Create a Maskable PWA Icon — Safe Zone Preview

Maskable icons need extra padding. This page opens the maskable preview so you can verify the safe zone before exporting 192 and 512 maskable PNGs for your manifest.

Open generatorFull Launch Kit

Sizes & formats

SizeUse
192 / 512 maskablepurpose: maskable
Safe zone~80% center

Generate now

Focused generator for this tool only — files stay on your device. For every pack (ICNS, Expo, Flutter, Brand Kit, Store), open the full Launch Kit.

Full kit →

Focused tool

PWA / maskable icons

Open full Launch Kit

Live previews

Tap any tile to enlarge

Drop a logo to preview

Favicon, iOS, Android shapes, maskable, splash, OG — all live from one file.

How it works

  1. 1

    Upload logo

    Transparent background helps.

  2. 2

    Inspect safe zone

    Maskable tab overlay.

  3. 3

    Export maskable PNGs

    Add to manifest.

FAQ

Can I reuse my any icon?
Only if it already has enough padding. Most logos need a dedicated maskable export.
How do I declare it?
In the manifest icons array with "purpose": "maskable".
Circle vs squircle?
You cannot control the OEM mask — design for the safe zone instead.
Tooling?
Generate here, then validate in Chrome’s Manifest view or maskable.app-style checks.

Related tools

Guides