PWA Icon Generator

Generate a full set of PWA icons and a ready-to-use manifest.json. Everything runs in your browser.

App Settings

Icons are generated client-side. Nothing is uploaded.

manifest.json

manifest.json updates as you change the fields.

Tools

Web Push Developer Tools

Free tools to help you get started with web push notifications.

SaaS

Web Push Notification Service

Send web-push notifications without managing infrastructure. Easy setup with MagicBell.

Free Tool

VAPID Key Generator

Generate VAPID key pairs for authenticating your server with push services.

Free Tool

HMAC Generator

Generate HMAC signatures for server-signed inbox payloads and integrations.

Overview

What are PWA icons?

PWA icons are the app images used for install prompts, home screens, and app switchers across platforms.

A complete PWA icon set keeps your brand consistent everywhere your app appears. This generator exports the recommended sizes so your icons look sharp on every device.

Standard PWA sizes

Create 10 PNG icon sizes from 48x48 through 512x512 for installs and shortcuts.

Background color baked in

Apply a consistent background color so your PWA icons stay legible on any surface.

What the PWA icon generator exports

  • PNG icons ready for PWA installs and shortcuts
  • manifest.json with the icon sizes already mapped
  • A ZIP bundle you can drop into your app
Resources

More PWA icon guidance

References and tools to help you ship polished PWA icons.

Free Tool

PWA Manifest Generator

Create a manifest.json that registers your PWA icons and app metadata.

MDN Web Docs

Web App Manifest Icons

Reference the icon definitions used by browsers when installing PWAs.

web.dev

Maskable Icon Guide

Learn how to design PWA icons that adapt to different shapes.