Favicon Generator

Create a favicon from an image, text or emoji, then download it.

Your Website
Your Website
16
32
48
64
Download favicon.ico Download all 512 PNG
<link rel="icon" href="/favicon.ico" sizes="any"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest">

About the Favicon Generator

What is a favicon?

A favicon is the tiny icon that shows up in a browser tab, a bookmark, and your phone's home screen. It's the smallest but most-seen piece of a site's branding. This generator lets you make one from a logo or photo, or straight from a letter or emoji — pick a shape and colors, and get a proper favicon.ico with all the modern PNG sizes to go with it.

Everything is drawn in your browser and the .ico file is built right here on your machine, so your image is never uploaded. You get the files and the exact HTML to paste into your site.

How to Use This Tool

  1. Choose a source. Switch between Text / Emoji and Image. Type a letter or emoji, or upload a logo.
  2. Style it. Pick a font and weight, set the colors — solid or gradient background — and choose a shape. The live previews show it at real favicon sizes, in both light and dark browser tabs.
  3. Download. Grab the multi-size favicon.ico, the full set with Download all (including the Apple touch icon and PWA sizes), or just the 512×512 PNG.
  4. Wire it up. Copy the HTML snippet and paste it into your page's <head>.

What you get

  • favicon.ico: a single file containing 16×16, 32×32 and 48×48 — what browsers look for by default.
  • PNG icons: 16, 32, 180 (Apple touch icon) and 192 & 512 (for Progressive Web Apps and Android).
  • site.webmanifest: a ready-made web app manifest that wires up the Android/PWA icons, included with Download all.
  • The HTML: ready-to-paste <link> tags.

Tips for a great favicon

  • Keep it simple: at 16×16 there's no room for detail — a bold letter, mark or emoji reads best.
  • Use contrast: a distinct background color helps it stand out among other tabs.
  • Check the small sizes: use the 16 and 32 previews to make sure it's still clear.

Need an icon color? Try the Color Picker. Converting an existing icon file? See the ICO to PNG converter.

Frequently Asked Questions

Is this favicon generator free?

Yes, completely — no sign-up, no watermark and no limit. The files are yours to use anywhere.

Is the .ico a real multi-size icon?

Yes. The downloaded favicon.ico is a genuine ICO file containing 16, 32 and 48-pixel images, so browsers can choose the crispest size for each place it appears.

Can I make a favicon from an emoji?

Yes. Switch to Text / Emoji and paste an emoji — it renders straight onto your chosen background and shape.

Where do I put the files?

Upload them to the root of your website (so /favicon.ico works), then paste the provided <link> tags into your HTML <head>.

Are my images uploaded anywhere?

No. The preview, the resizing and the ICO file are all created locally in your browser, so your image never leaves your device.