Maskable Icon Generator (Safe-Zone PWA Icons) — Free
Generate maskable PWA icons (192/512) with a correct safe zone and background, so Android adapts them cleanly. Runs entirely in your browser — no upload. Free.
More generators
All free, all private — everything runs in your browser.
App Icon Generator
Generate installable PWA app icons (192/512, any + maskable) and a manifest.webmanifest from one image, entirely in your browser. No upload, no signup. Free and unlimited.
Apple Touch Icon Generator
Create a 180×180 apple-touch-icon (plus 120/152/167 for older iOS) from one image, in your browser. Solid background, ready for iOS home screens. No upload. Free.
Favicon Generator
Generate every favicon from one image in your browser: 16/32/48 PNGs, a multi-resolution .ico, apple-touch-icon, PWA icons, maskable icons, and manifest. No upload. Free.
Favicon .ico Converter
Convert a PNG or SVG into a multi-resolution favicon.ico (16/32/48) in your browser. The ICO is built from pure JavaScript — no upload, no server. Free and unlimited.
How to use Maskable Icon Generator
- 1Upload your logo as a PNG or SVG.
- 2Set the background color that fills the canvas behind the logo.
- 3192×192 and 512×512 maskable icons are generated with the logo inside the 80% safe zone.
- 4Download the maskable icons and reference them with purpose "maskable" in your manifest.
Maskable Icon Generator FAQ
- What makes an icon 'maskable'?
- A maskable icon fills the entire canvas with a background and keeps the logo inside the central 80% safe zone, so Android can crop it to any shape. This generator pads your logo into that safe zone automatically.
- Are maskable icons uploaded?
- No. The safe-zone padding and rasterization happen on a canvas in your browser; nothing is sent anywhere.