Favicon & PWA Icon Generator

Upload one image, get every favicon and PWA icon size your site needs — favicon.ico, apple-touch-icon, and manifest icons, all in one ZIP.

100% Privacy-Friendly: Your logo is never uploaded to a server
🖼️

Drag & Drop Your Source Image

One square image, ideally 512×512px or larger. We'll generate every favicon and PWA icon size you need.

✔ Single image, ideally square✔ Generates favicon.ico + 6 PNG sizes + manifest🔒 Your image is never uploaded to our server.

A Quick Guide to Favicons and App Icons

What each file is for

  • favicon.ico, 16×16 and 32×32: the small icon in browser tabs and bookmarks
  • 48×48: Windows desktop and taskbar shortcuts
  • 180×180 apple-touch-icon: the icon used when someone adds your site to an iPhone or iPad home screen
  • 192×192 and 512×512: the icons Android and installable web apps (PWAs) require in the web manifest

Designing an icon that works

Favicons are tiny, so simple wins. Use a bold, high-contrast shape or a single letter, avoid thin lines and small text, and check that it is still recognisable when shrunk to 16 pixels. Start from a square image of at least 512 × 512 px so the larger sizes stay sharp.

A note about transparency

Transparent backgrounds work well for browser tabs, but iOS fills transparent areas of the home screen icon with a solid colour, which is often black. If that matters to you, use a source image with a solid background.

How to install the files

Unzip the pack and place the files in the root of your website. In a Vite or React project, that is the public folder. Then paste the contents of the included head-snippet.html file inside the head tag of your page, and make sure the site.webmanifest file is reachable. Browsers may cache old icons, so a hard refresh helps when testing.

Your logo stays with you

Every icon is generated in your browser and the ZIP is assembled locally. Your logo is never uploaded to a server.

Frequently Asked Questions

16×16 and 32×32 (classic browser tab favicons), 48×48 (Windows taskbar/desktop shortcuts), 180×180 (Apple touch icon, for iOS home screen), and 192×192 plus 512×512 (the two sizes required by the PWA web app manifest spec for Android and installable web apps). It also builds a favicon.ico containing the 16/32/48 sizes together.

Modern ICO files can embed standard PNG data directly (this has been supported since Windows Vista and every current browser), so the tool packs the 16×16, 32×32, and 48×48 PNGs into a single valid .ico container using the ICO binary format's directory structure. This avoids the quality loss that comes from older tools that re-encode icons as raw uncompressed BMP data.

A square image, ideally 512×512px or larger — a logo mark, app icon, or letter mark works best. If your source isn't square, the tool center-crops it to a square before resizing, so make sure the important part of your logo isn't near the edges. Sources smaller than 512×512 will be upscaled for the larger sizes and may look soft.

It's a JSON file that tells browsers your app's name, icons, and theme color so it can be "installed" as a standalone app on Android and desktop Chrome. It's pre-filled with the site name you enter and points at the 192px and 512px icons. You can edit it further (add a description, orientation lock, etc.) once downloaded — it's a plain text file.

No. Every resize happens on an HTML canvas element inside your own browser, and the ICO file is assembled byte-by-byte in JavaScript, also locally. Nothing is sent to a server at any point.