Skip to content
Image Toolkit

PWA Icon Generator

Create installable app icons and a web app manifest from one image.

Runs on your device No signup
Install-ready PWA package
NO UPLOAD
192px + 512pxMaskable safe zoneManifest included

How it works

  1. 01

    Add the app artwork

    Choose a high-resolution square PNG or SVG and confirm the meaningful artwork bounds detected by the preview.

  2. 02

    Check regular and maskable icons

    The generated package emphasizes 192×192 and 512×512 install icons plus a web app manifest. Adjust maskable artwork scale against the guaranteed 80% safe circle, preview launcher crops and complete the app name, colors, display mode and start URL.

  3. 03

    Download an install-ready package

    Save 192×192 and 512×512 regular icons, optional maskable variants, manifest.webmanifest and ready-to-paste head markup in one ZIP.

About this tool

What PWA Icon Generator does

The generated package emphasizes 192×192 and 512×512 install icons plus a web app manifest.

Regular icons use a centered square crop. Maskable icons render a full-bleed background and preserve the artwork aspect ratio inside a configurable safe area. The readiness checklist validates the essential icon sizes and manifest fields before export.

Tips for better results

  • Use a 512×512 or larger source.
  • Check every launcher crop before download.
  • Keep the short name at 12 characters or fewer.
  • Processing stays in the current browser tab; download the result before closing it.

FAQ

How do I use PWA Icon Generator? +

Choose a high-resolution square PNG or SVG and confirm the meaningful artwork bounds detected by the preview. Adjust maskable artwork scale against the guaranteed 80% safe circle, preview launcher crops and complete the app name, colors, display mode and start URL. Save 192×192 and 512×512 regular icons, optional maskable variants, manifest.webmanifest and ready-to-paste head markup in one ZIP.

What is PWA Icon Generator designed for? +

The generated package emphasizes 192×192 and 512×512 install icons plus a web app manifest.

What is the maskable icon safe zone? +

A launcher is guaranteed to preserve the central circle whose diameter is 80% of the icon. Keep meaningful artwork inside that circle so circular, squircle and rounded masks do not clip it.

What inputs and outputs does PWA Icon Generator support? +

You can start with PNG, JPG, WebP, SVG and export PNG, WEBMANIFEST, HTML, ZIP. Actual decoding support can vary slightly by browser.

Does PWA Icon Generator upload my image? +

PWA Icon Generator runs in your browser. Your image is not uploaded to Image Toolkit.

Do I need an account for PWA Icon Generator? +

No. You can use this tool without creating an account.

Related tools