Favicon & app icon generator

One image in, every icon out. Favicon, PWA, Android, and iOS — generated in your browser, never uploaded.

Drop an image here, or click to choose
PNG, JPEG, WebP, or SVG · square and ≥512px works best

No image yet? Design one in the icon maker →

Platforms
Used for iOS & maskable icons — these can’t be transparent.
Runs entirely in your browser. Nothing is uploaded.

What you get

One source image becomes a complete set of production icons: a multi-resolution favicon.ico, PNG favicons, an Apple touch icon, PWA web-manifest icons (including maskable variants), Android mipmap launcher icons at every density, and a ready-to-drop iOS AppIcon.appiconset for Xcode — plus a README with the exact <head> tags to paste.

How it works

Everything is generated locally with the Canvas API and packaged into a ZIP — your image is never sent to a server. For the sharpest results, start from a square PNG or SVG at 512px or larger.

Scripting a build pipeline instead? The same generator is available as a curl-able API →

Naming a new project?

Lock down the name before you ship the icon. Check it across domains, trademarks, and socials →

Favicon & app icon FAQ

What size should a favicon be?
Browsers use a 16×16 or 32×32 PNG, and high-DPI screens pull the 48×48 entry from favicon.ico. This generator outputs all three, plus a 180×180 Apple touch icon, so every device gets a crisp match.
How do I add the favicon to my website?
Put the generated files at your site root and paste the <link> tags from the included README into your HTML <head>. They point at /favicon.ico, the PNG sizes, the Apple touch icon, and the web manifest if you selected PWA.
What is a maskable icon?
Android and Chrome crop PWA icons into circles, squircles, and other shapes. A maskable icon keeps its content inside the inner 80% safe zone so nothing important is clipped. Selecting PWA outputs maskable variants at 192px and 512px.
Should I start from a PNG or an SVG?
A square SVG is ideal because it re-renders sharply at every size. For raster art, use a PNG that's at least 512×512 — downscaling looks great, but upscaling a small image does not.
Is my image uploaded anywhere?
No. Every icon is generated in your browser with the Canvas API, so your image never leaves your device. There's no upload, no account, and nothing is stored.