PWA icon generator

Make all icon sizes for your Progressive Web App from one image. Works for Android, iOS, Windows, and web.

Drop your image here or click to browse

Supports: JPG, PNG, WebP, GIF, BMP (max 50MB)

Best results:

  • • Square image (1:1 ratio)
  • • At least 512 × 512 px
  • • 1024 × 1024 px or bigger is better
  • • PNG with transparency
  • • Center important parts
  • • Skip tiny text or details

What you get

PWAs need multiple icon sizes for different devices. This tool makes all sizes from one image.

  • Android: 7 sizes (36×36 to 512×512 px)
  • iOS: 9 sizes (57×57 to 180×180 px) for iPhone and iPad
  • Web favicons: 3 sizes (16×16, 32×32, 96×96 px) for browser tabs
  • Windows: 4 sizes (70×70 to 310×310 px)
  • manifest.json file with icon references

Using the icons

  1. Unzip the downloaded file
  2. Put all icons in your project's public or root directory
  3. Update manifest.json with your app name and colors
  4. Link the manifest in your HTML <head>

Design tips

  • Simple icons work better at small sizes
  • Use high contrast
  • Keep important parts in the center
  • Test on real devices
  • Some platforms add masks or rounded corners