Icons

Drop image here

Or drag & drop an image anywhere in this pane
512×512 px
256×256 px
192×192 px
180×180 px
152×152 px
144×144 px
128×128 px
96×96 px
64×64 px
48×48 px
32×32 px
16×16 px

Shape Previews

Circle
Squircle (iOS)
Rounded square
Teardrop

Manifest

The full name of your app, shown on install prompts and splash screens. Max 45 characters.
A shorter version of the name, used where space is limited — e.g. beneath a home screen icon. Max 12 characters.
A brief description of what your app does. Max 300 characters.
The URL that loads when the app is launched. Use / for the site root.
Colours the browser UI chrome (e.g. the address bar on mobile).
Shown on the splash screen while your app loads.
standalone — looks like a native app with no browser UI. fullscreen — takes up the entire screen. minimal-ui — includes minimal browser navigation. browser — opens in a regular browser tab.

Preview


                        

HTML

These tags are included in the README.md inside your ZIP export. Add them to the <head> of your HTML.

HTML


                        

Export

Download all generated icons and your manifest file as a single ZIP archive, ready to deploy.

About

Favicon & PWA Icon Generator is a free, browser-based tool that creates every icon size your website or Progressive Web App needs — no server uploads, no account required.

What it does

  • Generates 13 PNG icon sizes from a single source image: 512, 256, 192, 180, 152, 144, 128, 96, 64, 48, 32, and 16 px — each icon is clickable for individual download, upload, or shape editing.
  • Produces a multi-resolution favicon.ico (16 & 32 px) compatible with all browsers.
  • Builds a Web App Manifest (manifest.json) with configurable name, colours, and display mode.
  • Generates placeholder PWA screenshots (mobile 390×844 and wide 1280×800) required by some install prompts.
  • Provides ready-to-paste HTML <head> tags alongside a README.md with integration instructions.
  • Packages everything into a single ZIP archive for instant deployment.

How to use it

  1. Icons — Upload your source image (PNG, SVG, or JPEG). Optionally apply a global shape clip (circle, squircle, or rounded square) and toggle the safe-zone overlay to check maskable icon coverage. Click any individual icon to download it, replace it with a different image, or apply a shape clip to that size only.
  2. Manifest — Fill in your app name, description, theme colour, and display mode to generate a valid manifest.json.
  3. HTML — Copy the generated <link> and <meta> tags into the <head> of your HTML.
  4. Export — Select the files you need and download the ZIP, then place the contents in your site's root directory.

Privacy

All processing happens entirely in your browser. Your images are never uploaded to any server.

Install the app

This tool is a Progressive Web App and can be installed on your device for quick offline access.

Desktop (Chrome / Edge)
Look for the install icon () in the browser address bar, then click Install in the prompt that appears.
Android (Chrome)
Tap the browser menu (), select Add to Home screen, then tap Install.
iPhone / iPad (Safari)
Tap the Share button (), scroll down and tap Add to Home Screen, then tap Add.

Author

Philip Newborough

Web developer and tech enthusiast. When I'm not coding, I can be found performing Grumpa duties, reading Warhammer 40,000 fiction, listening to tech podcasts or riding my bike.

philipnewborough.co.uk