PWA Icon Generator
Generate the icons an installable web app needs — 192 and 512px PNGs plus a site.webmanifest — from one image, entirely in your browser.
Privacy-first: every image is processed locally in your browser. Nothing is uploaded, stored or transmitted to any server.
The icons that make an app installable
A progressive web app is judged installable partly on its icons: browsers look for a web manifest declaring at least a 192×192 and a 512×512 PNG before they will offer an install prompt or place a decent icon on the home screen. This generator renders both from your source image and writes a site.webmanifest that references them, alongside the apple-touch-icon iOS wants and a favicon.ico for ordinary tabs.
Shape it for the launcher
Android launchers may mask an icon into a circle or rounded square, so art that runs to the edge can get clipped. Add padding and a solid background here and the important part stays inside the safe area whatever mask is applied; the live preview shows the result at each size. Everything renders on your device with the Canvas API — your logo is never uploaded — and the whole set downloads as a zip.
Frequently asked questions
- Is my image uploaded to make the favicon?
- No. The favicon.ico, PNG icons and manifest are all generated locally in your browser using the Canvas API. Your image never leaves your device.
- What sizes and files do I get?
- A multi-resolution favicon.ico (16, 32 and 48px), PNG icons at 16, 32, 48, 180 (apple-touch-icon), 192 and 512px, a site.webmanifest, and an HTML snippet to paste into your <head>.
- Can I convert a PNG or SVG to an ICO?
- Yes. Drop in a PNG, JPG, SVG or WebP and download a real favicon.ico. SVG logos are rasterized locally at high resolution first.
- What image works best?
- A square image with a simple, high-contrast logo. Non-square images are center-cropped to fit; use the padding and shape controls to frame it the way you want.
- How do I install the favicon?
- Unzip the package into your site’s root folder and paste the provided HTML snippet into the <head> of your pages. The favicon.ico is picked up automatically by most browsers.