UBUseBrowserTools

How to Make a Favicon (Free)

To make a favicon, open a favicon generator, upload a square image or logo, and download the favicon files in the sizes browsers and devices need — then add them to your site's HTML.

Last updated: 2026-07-17

How to make one

  • Start with a simple, square image or logo. If it isn't square, crop it first with the Image Cropper.
  • Open the Favicon Generator and upload it.
  • Download the favicon files and add them to your site.

What makes a good favicon

A favicon is tiny — often shown at 16×16 pixels — so detail disappears. Use a bold, simple mark: a single letter, a symbol, or a heavily simplified logo. Fine text becomes an unreadable smudge at that size.

Sizes you need

Modern sites need several sizes: 16×16 and 32×32 for browser tabs, 180×180 for Apple touch icons, and 192×192/512×512 for Android. A generator produces all of them at once so you don't have to resize by hand.

Private

Everything is generated in your browser — your logo is never uploaded.

Frequently asked questions

What size should a favicon be?

Provide several: 16×16 and 32×32 for tabs, 180×180 for iOS, and 192×192 plus 512×512 for Android. A generator creates them all from one source image.

Can I make a favicon from my logo?

Yes — but simplify it. At 16×16 pixels, fine detail and text vanish, so a bold symbol or single letter works best.

Tools used in this guide

More guides