Explore Tools

Favicon Generator

Turn a logo into a complete favicon package — free, private, in your browser.

Drag & drop an image, or click to browse

Upload a logo or image to generate a full favicon set.

What Is a Favicon Generator?

A favicon is the small icon shown in a browser tab, bookmark bar, and homescreen shortcut for your site. Different contexts need different sizes and formats — a legacy .ico file, high-res PNGs for Apple touch icons, larger ones for Android/PWA installs. This tool generates the full set from a single image in one click, hand- building a proper multi-size .ico container alongside every PNG size, so you never have to think about which format a particular browser or device expects.

How to Use This Tool

  1. 1Upload your logo or imageA square image works best — non-square images are auto-cropped to a square.
  2. 2Click Generate & DownloadA ZIP is built containing every size plus a ready-to-use favicon.ico.
  3. 3Upload the files to your siteDrop them in your site's root folder and add the included HTML snippet to your <head>.

Why a Single Favicon Needs So Many Sizes

  1. 1Browser tabs use the smallest sizes16×16 and 32×32 cover the classic browser tab icon and bookmark bar — the sizes almost every visitor actually sees, so these matter the most for a clean, recognizable look.
  2. 2Apple devices expect their own sizeWhen someone adds your site to their iPhone or iPad home screen, iOS specifically looks for a 180×180 "apple touch icon" — without it, the OS falls back to a low-quality screenshot of your page instead.
  3. 3Android and PWA installs need larger artAdding a site to an Android home screen or installing it as a Progressive Web App pulls from the larger 192×192 and 512×512 sizes, since those icons get displayed at a much bigger size on a home screen or app drawer.

Good to Know

  • The ZIP includes 16×16, 32×32, 48×48, 180×180 (Apple touch icon), 192×192 and 512×512 PNGs, plus a favicon.ico bundling the three smallest sizes for older browsers.
  • A simple, high-contrast logo reads much better at 16×16px than a detailed one — favicons are viewed extremely small in browser tabs.
  • The included how-to-use.txt has the exact HTML tags to paste into your site's <head> to wire everything up.
  • Test your new favicon in an actual browser tab after uploading — some browsers cache the old favicon aggressively, so a hard refresh or a private/incognito window is the quickest way to confirm it updated.
  • Nothing is uploaded — every size is generated and the ZIP is built entirely in your browser.

Frequently Asked Questions

What's the difference between a .ico file and a .png favicon?

.ico is the traditional favicon format, supported everywhere, and can bundle multiple sizes into one file. Modern browsers also accept plain PNGs at specific sizes — this tool gives you both so you're covered either way.

My logo isn't square — will that be a problem?

No — the tool automatically center-crops any non-square image to a square before generating the icon sizes.

Do I need all the sizes in the ZIP?

For full compatibility across browsers, homescreen bookmarks, and PWA installs, yes — but at minimum, favicon.ico and the 32×32 PNG cover most modern browsers.

Why does my new favicon still show the old one after uploading?

Browsers cache favicons aggressively, sometimes for days. Try a hard refresh (Ctrl/Cmd+Shift+R), or open the site in a private/incognito window to check if the new icon actually loaded correctly.

Can I use a photo instead of a logo?

Technically yes, but a favicon is viewed extremely small (often 16×16 pixels), so a simple, high-contrast graphic or logo reads far more clearly than a detailed photo, which usually just turns into an indistinct blob at that size.

Is my image uploaded to a server?

No. Every size is generated and packaged into the ZIP entirely in your browser.