PWA Icon Generator | Create Maskable & Android App Icons

Create a full set of compliant manifest icons and maskable assets for your Progressive Web App.

Privacy first

  • Files never leave your browser
  • No server upload
  • Processed locally on your device

What is a PWA Icon and Why Is a 'Maskable Icon' Necessary?

A PWA icon is the visual symbol of your web app when it's 'installed' to a user's home screen or desktop. Modern Android systems use 'Maskable Icons' to crop icons into various shapes. A maskable icon has a designated 'safe zone' around the logo, ensuring your brand stays visible across different device themes.

3 Steps to a Professional PWA Icon Pack

No coding or manifest file headaches required. Learn how to complete your PWA icon project right from your browser.

  1. Upload Your Master Icon (512x512): Use your highest resolution PNG for the sharpest results.
  2. Maskable and Standard Generation: Scaling and standard compliance are handled instantly.
  3. Copy the Manifest Snippet and Download: Get the code and files you need for a 100/100 PWA score.

Why Pixes.app?

Lighthouse compliance for a perfect 100/100 PWA score. We generate both the images and the manifest.json code. All processing happens locally in your browser for 100% privacy and security. Free, fast, and no signup. 2026 Android and iOS standards supported.

How to use this tool

  1. Choose your highest resolution image, preferably 512x512 pixels in PNG format. Click 'Select Image' to begin.
  2. Once uploaded, our tool generates 192x192 (General), 512x512 (Splash Screen), and 'maskable-icon-512x512' versions simultaneously.
  3. We generate the 'icons' array you'll need to paste into your manifest.json file. Click 'Copy Code' and download the full set as a ZIP.

Related tools

FAQ

What file format is best for PWA icons?
PNG is the mandatory and standard format. Transparent PNGs are best for cross-platform compatibility.
What is a 'Maskable' icon?
Maskable icons allow Android to shape your icon into its own theme (circle, square, etc.) without cutting off your logo.
Which icons should I add to my manifest.json?
At a minimum, adding 192x192 and 512x512 is required. Our tool gives you a complete code block for every recommended size.
Why didn't my PWA icon appear after installation?
This is often due to an incorrect path in your manifest.json. Ensure the paths match your project's folder structure exactly.