Kit-Bin
Donate

Favicon Generator

Drop one image, get every favicon size, an .ico file, and a web manifest, packaged in a zip.

Processed entirely in your browser. Never uploaded to a server.

Drop a logo or icon image here or click to browse

Processed entirely in your browser. Never uploaded to a server.

This tool turns one source image into a complete favicon and app-icon set, packaged as a single zip.

Drop a logo or icon image above. Six PNG sizes, a favicon.ico, and a site.webmanifest file are generated and downloaded automatically once ready.

What's actually in the zip, and why so many sizes

A single low-resolution image looks blurry the moment a platform asks for a size bigger than what you gave it — a browser tab, an iOS home screen icon, and an Android/PWA install icon all request different pixel dimensions, and each one upscales a too-small source rather than asking twice. This tool renders each size fresh from your original image instead of stretching one small PNG, so every context gets a crisp icon:

  • favicon-16x16.png, favicon-32x32.png — the browser tab icon (32 covers retina displays).
  • favicon-48x48.png — Windows taskbar/shortcut size.
  • apple-touch-icon.png (180×180) — the icon iOS shows when a page is added to the home screen.
  • android-chrome-192x192.png and android-chrome-512x512.png — Android home screen and PWA install icons.
  • favicon.ico — a single file bundling the 16/32/48px sizes, for browsers that still request the legacy .ico path.
  • site.webmanifest — the JSON file that tells Android/Chrome which icons and colors to use for a PWA install, with editable placeholder fields.

If your source image isn't square, it's centered on a transparent square canvas at each size rather than stretched or cropped, so shapes and logos keep their proportions.

Once generated, a ready-to-copy HTML snippet appears below the preview grid with the exact<link rel="icon">,<link rel="apple-touch-icon">, and<link rel="manifest"> tags, already pointing at the filenames in the zip — paste it straight into your site's <head>.

FAQ

What sizes are actually in the zip?
Six PNGs (16×16, 32×32, 48×48, 180×180 for iOS, and 192×192 plus 512×512 for Android/PWA use), a favicon.ico built from the 16/32/48 sizes, and a site.webmanifest file that points at the two largest PNGs.
Do I need to edit the manifest before using it?
Yes. site.webmanifest ships with placeholder name and short_name fields ("My Site") and default white theme/background colors — open it in a text editor and swap those for your actual site name and brand colors before deploying it.
Will this work for a photo, or only a logo?
A simple logo or icon works best. A busy photo gets crushed down to 16×16 pixels for the browser-tab favicon, and detail that fine just turns into a blurry smear at that size — that's a limit of how small favicons are, not a bug in this tool. Photos still work fine for the larger 180-512px sizes.
Does a PNG or SVG source give a better result?
A large, simple source image gives the best result regardless of format — this tool decodes PNG, JPG, and SVG all the same way and re-renders each target size from it. An SVG logo tends to hold up best since it has no fixed resolution to run out of, but a high-resolution PNG or JPG works just as well.
Is my image uploaded anywhere?
No. The source image is decoded and every size is rendered locally in this browser tab using . Nothing leaves your device.
How do I actually wire these files into my site?
Upload the zip contents to your site root, then paste the tags shown below the preview grid into your page's . They already reference the exact filenames generated in the zip, so no renaming or editing is needed for the tags themselves — just the manifest's name/short_name/colors.

Related tools: Resize Image, Crop Image, SVG to PNG.