Favicon Generator
Turn one image into every favicon size plus the ICO, manifest and head code, zipped. 100% free, no signup. Everything runs in your browser.
Loading the tool…
This free favicon generator takes one square image and produces every icon file a modern website needs: a favicon.ico containing the 16, 32 and 48 pixel versions in a single file, the 180 pixel apple-touch-icon for iPhone and iPad home screens, 192 and 512 pixel PNGs for Android and progressive web apps, a ready-to-paste site.webmanifest snippet, and the exact HTML head lines to wire it all up. Everything arrives zipped in one download, and a live preview shows your icon sitting in a fake browser tab before you commit.
I built this after doing the whole dance manually for my own site: resize five times, hunt for an ICO converter, write the manifest by hand, and still forget the apple-touch-icon until I saw my ugly default on a friend's phone. The processing happens entirely in your browser, so your logo is never uploaded to anyone's server, including mine. Upload, preview, download the zip, done in under a minute.
How to use
- Upload one square PNG or JPG, ideally 512 pixels or larger so every smaller size stays sharp.
- Check the live preview to see your icon rendered in a fake browser tab at real favicon size.
- Look at the generated set: favicon.ico with 16, 32 and 48 pixel versions, the 180 pixel apple-touch-icon, and the 192 and 512 pixel PNGs.
- Review the site.webmanifest snippet and the HTML head lines the tool prepares alongside the images.
- Click download to get everything in a single zip file.
- Unzip into your site's root folder, paste the head lines into your template, and reload your site to see the new icon.
Why use our favicon generator?
The complete set is the point, because partial favicon coverage fails silently. A site with only a favicon.ico looks fine in a desktop tab and then shows a generic letter when someone saves it to an iPhone home screen. You never see the gap yourself; your visitors do. Generating every required size from one source image in one pass closes all the gaps at once.
The browser tab preview answers the question that matters before you deploy. Logos that look great at full size routinely die at 16 pixels: thin strokes vanish, wordmarks become smudges. Seeing the actual tab rendering upfront has saved me from shipping at least one unreadable icon, and the fix is usually cropping to a bolder detail of the mark.
The manifest and head lines remove the error-prone typing. The icon files only work if the HTML references them correctly, and the manifest format has just enough structure to typo. The tool writes both for you, matching the exact filenames in your zip. The manifest format itself is documented in the MDN web app manifest reference if you want to extend it later with theme colors or shortcuts.
Your logo stays on your machine. Brand assets for unlaunched projects are confidential, and there is no reason a favicon converter needs a copy of them on a server. The resizing, the ICO packing and the zip assembly all run in your browser.
One zip beats five downloads. Everything lands in a single archive with correct standard filenames, so deployment is drag, drop and one paste. It is a small kindness, but it is the difference between a two-minute job and a lost half hour.
Who is this tool for?
Anyone launching a new site needs this exactly once per project, which is why nobody remembers the sizes. Freelancers and agencies shipping client sites keep the checklist simple: run the logo through, drop the zip in the root, paste the head lines, and the tab icon, bookmark icon and home screen icon are all handled before launch day.
Shopify and Etsy sellers building a standalone site use it to look established. A default blank favicon quietly says template; a crisp brand icon in the tab says business. If your only logo file is rectangular, crop it square with the image resizer first, then generate the set.
Developers building progressive web apps need the 192 and 512 pixel PNGs and a valid manifest just to pass an installability audit. This produces both, wired together with matching filenames, which turns a documentation rabbit hole into one download.
Rebrands are the sneaky one. When the logo changes, the favicon is the artifact everyone forgets, and the old mark lingers in tabs for months. Regenerate the set, replace the files, and pair the refresh with a new share card from the OG image generator so every surface tells the same story.
Frequently asked questions
No. The resizing, the ICO file packing and the zip creation all happen in your browser with JavaScript. Your image never leaves your machine, which makes the tool safe for unreleased brand assets.
Square, and at least 512 pixels on each side, since 512 is the largest icon generated. Bigger is fine; the tool scales down cleanly. Starting smaller than 512 means the largest sizes get upscaled and soften.
A favicon.ico containing 16, 32 and 48 pixel versions, apple-touch-icon.png at 180 pixels, PNG icons at 192 and 512 pixels, a site.webmanifest file, and a text snippet with the HTML link tags to paste into your head section.
The ICO format is a container, and browsers pick the best size from inside it: 16 for tabs, 32 for shortcuts and higher density displays, 48 for larger contexts. Shipping all three in one file is the long-standing convention that keeps every case sharp.
Crop to the boldest element of your mark rather than shrinking the whole lockup; full wordmarks almost never survive 16 pixels. A single letter or symbol on a solid background usually works. Squaring and cropping takes seconds in the image resizer.
It is not strictly required for a plain website, but it costs nothing, and it is what lets Android use your 192 and 512 pixel icons properly when someone adds your site to a home screen. Since the tool writes it for you, there is no reason to skip it.
Yes. Most platforms either accept an uploaded icon image directly in their settings or let you edit the theme head. For platform uploads, use the 512 pixel PNG from the zip; the platform generates its own sizes from there.