Image Tools
Exam Form Photo & Signature KitImage ResizerImage CompressorRotate & Flip ImageCrop ImageFavicon GeneratorView all 35

Favicon Generator

Make a favicon from text, an emoji or your logo — preview it and download every size.

Runs in your browserNo sign-up requiredNo watermark
Shape

Type some letters or pick an emoji to preview your favicon.

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. 1Choose text, image or emojiType one to three letters, upload your logo, or pick an emoji.
  2. 2Style itPick a shape, colours and padding, and watch the previews in a browser tab, Google results and on phone home screens.
  3. 3Download the packOne ZIP with favicon.ico, every PNG size, apple-touch-icon, Android icons, site.webmanifest and — for text and emoji — favicon.svg.
  4. 4Add it to your siteUpload the files to your site's root folder and paste the four lines of HTML shown on the page into 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 favicon.ico (16, 32 and 48 px inside), 16×16 and 32×32 PNGs, a 180×180 apple-touch-icon, 192×192 and 512×512 Android icons with a site.webmanifest, and favicon.svg for text and emoji designs.
  • iPhones show transparent home-screen icons on black, so the apple-touch-icon always gets a solid background and a little padding, even if the rest of your icons are transparent.
  • A simple, high-contrast logo reads much better at 16×16px than a detailed one — favicons are viewed extremely small in browser tabs.
  • The HTML to paste into your site's <head> is shown on the page with a Copy button, and also saved in the ZIP as how-to-use.txt.
  • 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.

I don't have a logo. What can I use?

Use the Text option — one or two letters (like your site's initials) in bold on a coloured background is how many well-known sites do it. Or pick an emoji. Both also come as a crisp favicon.svg that stays sharp at any size.

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.