Favicon Generator

Quick answer: Favicon Generator is a free online tool that lets you upload a logo or image and get perfectly sized PNG favicons — 16, 32, 48, 180, 192 and 512 px — plus the HTML snippet to install them. No account or install needed — it runs entirely in your browser, free.

Upload a logo or image and get perfectly sized PNG favicons — 16, 32, 48, 180, 192 and 512 px — plus the HTML snippet to install them. Free, private, no signup.

What is the Favicon Generator?

A favicon is the tiny icon browsers show in tabs, bookmarks, history and mobile home screens — the small visual signature of your website. Our free favicon generator online converts any image into the full set of standard favicon sizes as crisp PNG files: 16 and 32 px for browser tabs, 48 px for desktop shortcuts, 180 px for Apple touch icons, and 192 and 512 px for Android and progressive web apps.

Why so many sizes? Browsers and operating systems each request their own. A single 16 px icon looks blurry on a retina display, while serving only a huge file wastes bandwidth on every page load. The professional approach is a size set plus a few lines of HTML telling browsers which file to use where — and this tool generates both the files and the ready-to-paste snippet. Your source image is center-cropped to a square automatically, each size is rendered with high-quality downscaling, and every file downloads with a sensible name like favicon-32×32.png. As always, everything runs in your browser: your logo never uploads anywhere.

Each size is downscaled independently with high-quality resampling, so the 16 px tab icon stays as crisp as the algorithm allows rather than being a shrunken copy of a shrunken copy.

How to use the Favicon Generator

  1. Upload your logo or source image — square artwork with a simple, bold design works best at tiny sizes.
  2. Tick the sizes you need. Keep them all selected for maximum compatibility across browsers and devices.
  3. Click Generate Favicons. Each selected size is rendered and downloaded automatically as a PNG file.
  4. Copy the HTML <link> snippet from the result box.
  5. Upload the PNG files to your website’s root folder and paste the snippet into the <head> of your pages.

Favicon Generator use cases

Launch a new website properly

Every serious site needs a favicon — browsers show a generic globe icon without one, which looks unfinished. Generating the full size set during launch covers tabs, bookmarks and mobile home screens from day one.

Support Apple touch icons

When iPhone users add your site to their home screen, iOS looks for a 180 x 180 apple-touch-icon. Including that size means your site gets a crisp home-screen icon instead of an ugly auto-scaled screenshot.

Build a progressive web app

PWAs require 192 and 512 px icons in their manifest for the install prompt and splash screen. This generator produces both sizes with correct filenames, ready to reference from manifest.json.

Refresh a rebrand

After a logo redesign, favicons are easy to forget — stale icons linger in bookmarks for years. Regenerating the whole set from the new logo and redeploying takes five minutes.

Favicon for docs and dashboards

Internal tools, documentation sites and admin panels deserve favicons too: they make the right tab findable in a sea of open tabs. A simple lettermark or glyph converted here does the job.

Tips

  • Design for 16 px: bold shapes and high contrast survive shrinking; fine text and thin lines turn to mush.
  • Test your favicon in an actual browser tab — what looks good at 512 px can be unrecognizable at 16 px.
  • Keep the generated filenames as-is; the HTML snippet references them, so renaming files means editing the snippet too.
  • Browsers cache favicons aggressively — after updating, hard-refresh (Ctrl+Shift+R) or test in a private window.

Frequently asked questions

What is a favicon?
A favicon (favorite icon) is the small icon associated with a website, shown in browser tabs, bookmarks, address bars and phone home screens. It is usually 16 x 16 pixels in the tab but modern sites ship multiple sizes so the icon stays sharp on retina displays, mobile devices and desktop shortcuts.
Which favicon sizes do I actually need?
The practical set is 16 and 32 px for browser tabs, 180 px for Apple touch icons, and 192 plus 512 px for Android/Chrome and progressive web apps. Generating all of them — which this tool does by default — covers virtually every browser and device in use today.
Where do I put the favicon files and code?
Upload the PNG files to your website's root directory (so they live at addresses like yoursite.com/favicon-32x32.png), then paste the generated snippet into the section of your HTML pages. Most site builders and CMS themes have a dedicated spot for custom head code.
My source image is not square. What happens?
The generator center-crops your image to a square before rendering each size, so the most important central content is preserved. For best results, start with square artwork — or crop it first with our image cropper to control exactly what gets kept.
Should I use PNG or ICO format?
PNG favicons with tags work in all modern browsers and are simpler to manage than the legacy .ico container. Unless you must support Internet Explorer 10 or older, PNG is the recommended choice. ICO was the legacy container bundling multiple sizes for old Internet Explorer. Modern browsers accept PNGs referenced by tags, which are simpler to create, smaller to serve, and easier to update.
Why does my new favicon not show up?
Browsers cache favicons very aggressively. Hard-refresh with Ctrl+Shift+R (Cmd+Shift+R on Mac), clear the browser cache, or open the site in a private/incognito window to see the fresh icon. Also try renaming the files slightly (favicon-v2-32x32.png) and updating the snippet — a new URL bypasses the cache entirely.
Is my logo uploaded anywhere?
No. The entire generation happens locally in your browser. Your logo — even an unreleased rebrand — never leaves your device. Right — generation runs locally, so even a confidential pre-launch logo never crosses the network. Even unreleased rebrands are safe to process here.