Generator · PWA 5 icons · manifest ready

PWA icon generator.

Generate all PWA icons — Android, iOS and maskable variants — plus the web manifest for app installation.

§01

Source

Drop your image here

or click to browse — PNG, JPG, WebP, SVG up to 10 MB

§02

Theme colors

Theme color

Background color

§03

Generate

Preview PWA icon set

192px

icon-192

512px

icon-512

192px

maskable

180px

apple-touch

§04

Download

Complete PWA icon set with manifest for app installation.

§05

HTML code

Features

Everything you need for PWA icons.

Our PWA icon generator creates complete icon sets for Progressive Web Apps across all platforms.

All Required Sizes

Generates 192x192, 512x512, and 180x180 icons for Android, iOS, and web. Every size your PWA needs, automatically created.

Maskable Icons

Creates maskable icon variants for Android adaptive icons. Your app looks perfect on all devices regardless of icon shape.

Web Manifest

Generates a complete web manifest.json file with all icon references. Essential for PWA installation and proper display.

Theme Colors

Customize theme and background colors to match your brand. Visual color picker makes it easy to get the exact shade.

Multiple Sources

Upload an image or provide a logo URL. Flexible input options let you start from whatever assets you have.

Instant Generation

PWA icons are generated server-side in seconds. Preview all sizes before downloading, and get everything in a single ZIP.

How It Works

Create your PWA icons in 3 simple steps.

No design software needed. Generate a complete PWA icon set in under a minute.

Upload Your Icon

Upload your logo image or provide a URL. We accept PNG, JPG, WebP, and SVG formats up to 10 MB.

Customize Colors

Choose theme and background colors to match your brand identity. Preview your icons in real time.

Download & Deploy

Download the complete ZIP with all icon sizes and web manifest. Extract to your site and add the HTML tags.

FAQ

Frequently asked questions.

Everything you need to know about PWA icons and our generator.

What is a PWA icon and why do I need one?

A PWA (Progressive Web App) icon is the app icon that appears when users install your web app on their device. It's essential for creating an app-like experience and making your web app feel native on both Android and iOS devices.

What icon sizes do I need for a PWA?

You need multiple icon sizes: 192x192 and 512x512 for Android, 180x180 for Apple touch icon, and maskable variants for adaptive icons. Our generator creates all required sizes automatically with the correct specifications for each platform.

What is a maskable icon?

A maskable icon is a special icon format for Android that allows the system to apply different shapes (circle, square, squircle) to your icon. It ensures your app icon looks good on all Android devices regardless of the manufacturer's icon shape preference.

How do I add PWA icons to my website?

After generating your PWA icons, download the ZIP file and extract it to your website. Then add the provided web manifest.json file and copy the HTML link tags into your page's head section. This enables app installation and proper icon display on all devices.

Related Tools

More tools to build your PWA.

After generating your PWA icons, use our other tools to complete your Progressive Web App.