Favicon Generator Online - Free Multi-Size Favicon Maker

Features

All standard sizes

Link tag code

manifest.json snippet

Zip download

How to Use

1. Drop a square image (PNG/JPG) into the upload area.

2. Preview all the generated sizes.

3. Click Download to grab them as a ZIP, and copy the HTML snippet.

About this tool

A favicon appears in browser tabs, bookmarks, history, home-screen shortcuts and search results, and each place wants a different size. This generator takes one square image — or one or two characters on a coloured background — and draws it at 16, 32, 48, 64, 128, 180, 192, 256 and 512 pixels, with a download button for each PNG. Small sizes are where favicons fail: fine detail and thin text disappear at 16 × 16, so bold shapes and high contrast work best. Start from a square source of at least 512 × 512 pixels so larger sizes stay sharp. After downloading, reference the files with link tags in your page head and, for installable web apps, list the 192 and 512 sizes in your web manifest.

Frequently Asked Questions

Which favicon sizes do I actually need?

For most sites: 32 × 32 for browser tabs (16 × 16 as a legacy fallback), 180 × 180 for Apple touch icons, and 192 × 192 plus 512 × 512 for Android and web app manifests. 48 × 48 is a good extra because Google search can display favicons derived from multiples of 48px.

What HTML should I add to my page?

A typical set is <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">, <link rel="apple-touch-icon" href="/favicon-180x180.png"> and a manifest listing the 192 and 512 icons. Place them in the <head> of every page.

Does it create a .ico file?

No. It exports PNG files, which all current browsers accept for rel="icon". If you need a multi-size favicon.ico for very old browsers or some Windows features, combine the 16, 32 and 48 PNGs with a dedicated ICO tool.

Why does my favicon look blurry or unreadable at 16 pixels?

Detail that works at 512px is lost at 16px. Use a simplified mark, thicker strokes and strong contrast, or use the text option with one bold letter, which stays legible at small sizes.

Why doesn't my new favicon show up?

Browsers cache favicons aggressively. Clear the cache or open the site in a private window, and rename the file or add a version query such as ?v=2 when you replace it. Search engines may take days or weeks to refresh it.