Favicon Generator

Make a complete favicon set from an image or a letter/emoji: multi-size favicon.ico, Apple and Android PNGs, site.webmanifest and the HTML snippet, zipped.

🔒 Runs in your browser — files never leave your deviceFree · No sign-up

Drop a square image here or click to choose — 512×512 or larger PNG/SVG gives the sharpest result

Shape

Background

Transparent

Padding — 10%

Corner radius — 22%

What you get

favicon.ico (16 · 32 · 48), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest and an index.html snippet.

Site name (for the manifest)

Short name

Theme colour

Preview

16 px is what really shows in a browser tab — check it reads at that size.

HTML snippet

Put the files in your site root and paste this inside <head>.

How to generate a favicon

Upload a square logo, or switch to the text tab and type a letter or emoji with a background colour and shape.
Adjust padding, corner radius and colours, then check the 16 px preview — that is the size a browser tab actually shows.
Click Download the ZIP, unzip the files into your site root and paste the HTML snippet into <head>.

FAQ

Do I still need favicon.ico?

Yes, for old browsers and for requests to /favicon.ico that bypass your HTML. The generated .ico holds 16, 32 and 48 px images in one file; modern browsers will pick the PNGs instead.

Why does my detailed logo look like mush at 16 px?

Sixteen pixels cannot hold thin strokes or small text. Use a simplified mark — one letter, one shape, high contrast — for the small sizes, and keep the detailed logo for 512 px.

Is the emoji the same on every device?

The icon is rasterised from the emoji font on your machine, so what you see in the preview is exactly what ships in the PNG files — visitors on other platforms see your rendering, not theirs.