Favicon Generator

A favicon is the tiny icon that appears in a browser tab, a bookmark and a phone's home screen, and a site without one looks unfinished. The Favicon Generator takes any image — a logo, a symbol, a letter — and produces the standard favicon sizes you need, all generated in your browser so you can add a professional touch to any website in seconds.

How to use the Favicon Generator tool

1. Upload a square image for the best result.
2. The tool renders the common favicon sizes automatically.
3. Download each size you need (16, 32, 48 and 180 pixels).
4. Add them to your site's HTML with a link tag.

Why every site needs a favicon

That little icon does a lot of branding work. It helps users find your tab among a dozen others, makes a bookmark instantly recognisable, and gives your site a real icon when someone saves it to their phone's home screen. Search engines also display favicons next to results on mobile, so a clean, distinctive favicon improves how professional your listing looks. Generating the right sizes ensures it stays sharp everywhere it appears.

Tips for a crisp favicon

• Start with a square, simple image; intricate detail disappears at 16 pixels.
• Use bold shapes and high contrast so the icon reads at a tiny size.
• The 180 px version is the Apple touch icon for home screens.
• Test it small by zooming out to be sure it is still recognisable.

Every size is rendered on a local canvas, so your logo is never uploaded. It is a free, private favicon kit you can generate any time you launch a new site.

Quick reference