Free Favicon Generator: favicon.ico & app icons

Make a favicon pack from your logo, a letter or an emoji. Download one ZIP with every size and the HTML to paste. Your image is never uploaded.

  • 100% free
  • favicon.ico + PNGs
  • Apple & Android icons
  • Private, no upload
1
Add your logoAn image, or a letter or emoji.
2
Shape & colorsMake it yours.
Shape
BackgroundTransparent keeps the logo on its own.
12%
Used in the web manifest.
Browser toolbar color on phones.
3
Preview & downloadCheck every size.
HTML code to paste in your site

☕ Support ProFigma

Did this tool save you time? Buy me a coffee.

Hi, I'm Mahesh 👋 I build every ProFigma tool myself and keep them free for designers and developers. If one helped you today, a small coffee keeps new tools and features coming.

  • Keeps every tool free
  • Funds new tools & features
  • Supports an indie creator
Buy Me a CoffeeSecure checkout via Gumroad · Any amount
How it works

Make a favicon in three steps

  1. Add your logo or type a letterDrop an image (PNG, SVG or JPG), or use a letter or emoji instead.
  2. Choose the shape and colorsSquare, rounded or circle. Set a background color and the padding.
  3. Download the favicon packGet a ZIP with favicon.ico, PNG sizes, the Apple touch icon, Android icons and the HTML code.
Why this one

A favicon pack without the hassle

The whole pack in one ZIP

favicon.ico, six PNG sizes, a web manifest and the HTML snippet.

Logo, letter or emoji

Use an image, or make a clean icon from a letter or emoji in seconds.

Private

Your logo is processed in your browser and never uploaded.

Live preview

See the browser tab and every size before you download.

Tips

Tips for better results

  • Keep it simple. A favicon is tiny. A bold shape or one letter reads better than a detailed logo.
  • Use a square image. Start from a square logo of at least 512 by 512 pixels for the sharpest result.
  • Add padding. A little space around the logo stops it touching the edges, especially in a circle.
  • Test on light and dark tabs. A transparent icon with dark lines can disappear on a dark browser theme.
FAQ

Favicon questions

How do I make a favicon from an image?

Drop your logo on the tool, choose a shape and background, then press Download. You get favicon.ico, PNG icons in the sizes browsers and phones need, a web manifest and the HTML to paste into your site.

What size should a favicon be?

The classic size is 32 by 32 pixels, and favicon.ico usually holds 16, 32 and 48. Phones and Google also use a 180 by 180 Apple touch icon and 192 and 512 pixel icons. This tool makes them all.

Which file formats do I get?

A multi-size favicon.ico, PNG files (16, 32, 48, 180, 192 and 512 pixels) and a site.webmanifest file.

Where do I put the favicon files?

Upload them to the root folder of your website, then paste the HTML snippet into the head of your pages. The snippet is in the tool.

Can I use a letter or an emoji as a favicon?

Yes. Switch to Text or emoji, type one to three characters, and pick the colors. It's a quick way to get a clean favicon if you have no logo yet.

Can I keep a transparent background?

Yes, for the browser icons. The Apple touch icon is always filled, because iPhones show transparency as black.

Why doesn't my new favicon show up?

Browsers cache favicons for a long time. Clear the cache or open the site in a private window, and make sure the HTML points to the new file.

Is my image uploaded?

No. The icons are made in your browser and your image never leaves your device.

Read the guideHow to Make a Favicon: Sizes, Formats and the HTML You NeedEvery file a modern site needs, and where to put them.Read more →

QR Code Generator

Custom QR codes for links, Wi-Fi, contacts and WhatsApp, with your logo and colours.

Case Converter

Switch text between 15+ cases in one click.

Image Compressor

Shrink photos up to 90% right in your browser.

Contrast Checker

WCAG 2.2 AA and AAA checks for any colour pair.

UI Grid Maker

Design Figma and CSS grids with a live calculator.

PNG to JPG Converter

Bulk convert images in three steps.