Favicon Generator — All Sizes + .ico From Any Image

Drop your logo or image here

or click to browse — PNG with transparency works best; square images need no cropping. Everything happens on your device.

Choose image

Crop to square (fill) Fit inside (transparent padding)

HTML for your <head>

Shipping a website? Ship better documents too.

Kaizen OCR & PDF converts, merges, compresses and OCRs PDFs entirely offline on Windows — the same privacy-first approach as this tool, for your paperwork.

See features

More site-building helpers: Image Color Picker and PNG to WebP.

What sizes does a favicon actually need in 2026?

File	Size	Used by
favicon.ico	16+32+48 in one file	Browser tabs, bookmarks, legacy everything
favicon-16x16.png / 32x32.png	16, 32	Modern browsers that prefer PNG
apple-touch-icon.png	180	iOS home screen & Safari
android-chrome-*.png	192, 512	Android home screen, PWA manifest

This generator produces all of them from one image — including a genuine multi-resolution .ico (three sizes packed in one file, the format browsers have trusted since forever), not a renamed PNG like some tools sneak past you.

Design tips for icons that survive 16×16

One shape, one idea. Wordmarks and detailed logos turn to mush at tab size — use the symbol, not the full logo.
High contrast. Check the 16px preview above against both light and dark tab bars; transparent-background PNGs adapt best.
Fill the frame. Small margins beat big ones; use "Crop to square" for photos and "Fit inside" for logos that must not be clipped.
Test in a pinned tab — the smallest, most hostile place your icon will live.

Installing your favicon

Download favicon.ico and the PNG set above.
Upload them to your site's root folder (so they resolve at /favicon.ico etc.).
Paste the generated HTML into your <head>.
Hard-refresh (Ctrl+F5). Browsers cache favicons stubbornly — give it a day before worrying.

Preparing the source image first helps: square it up with Crop Image, sharpen the composition with Resize Image, or convert a WebP logo with WebP to PNG. Grabbing brand colours for the rest of the site? The Image Converter and friends live in the free tools collection.

Frequently asked questions

Is the favicon.ico a real ICO file?

Yes — a genuine multi-image ICO container holding 16, 32 and 48 pixel versions, built byte-by-byte in your browser. Browsers pick the size they need from the single file.

What image should I start from?

A square PNG with transparent background, 512px or larger, works best. Non-square images can be centre-cropped (fill) or padded (fit) — toggle between the two and watch the previews.

Why does my new favicon not show up?

Favicon caching is notoriously sticky. Hard-refresh with Ctrl+F5, try a private window, and confirm the files are reachable at yoursite.com/favicon.ico. Some browsers take a day to let go of the old icon.

Do I need every size this generates?

The .ico plus the 180px apple-touch-icon covers the vast majority of real usage. The 192/512 PNGs matter once you add a web-app manifest or care about Android home-screen installs — since they're free here, ship them all.

Is my logo uploaded anywhere?

No. Resizing, previewing and ICO packing all run in your browser — the image never leaves your device, and the tool works offline.