Loading tool…

Guide

Favicon Generator: Full Icon Set, ICO and Manifest

The favicon generator turns one logo into the whole icon set a website needs: favicon-16x16.png, favicon-32x32.png and favicon-48x48.png (browser tabs and desktop shortcuts), apple-touch-icon.png at 180×180 (iOS home screen), android-chrome-192x192.png and android-chrome-512x512.png (Android and PWAs), then packages the 16, 32 and 48 px PNGs into one multi-size favicon.ico and adds a site.webmanifest template plus markup you can paste straight into . Resizing uses pica's high-quality resampling, and the processing happens locally in the browser.

Updated 2026-09-093 min read

On this page

What it does
How to use
Input and output examples
Scope and limitations
Typical use cases
FAQ
Privacy
Related tools

What it does

The favicon generator turns one logo into the whole icon set a website needs: favicon-16x16.png, favicon-32x32.png and favicon-48x48.png (browser tabs and desktop shortcuts), apple-touch-icon.png at 180×180 (iOS home screen), android-chrome-192x192.png and android-chrome-512x512.png (Android and PWAs), then packages the 16, 32 and 48 px PNGs into one multi-size favicon.ico and adds a site.webmanifest template plus <link> markup you can paste straight into <head>. Resizing uses pica's high-quality resampling, and the processing happens locally in the browser.

It only handles sizes and packaging, not graphic design: a logo that is still recognisable at 16 px is what makes a good favicon.

How to use

Upload a logoa single PNG, JPG, WebP or SVG, ideally a square of 512×512 or larger; a non-square image is flagged as “will be centre-cropped automatically”.
Generate the full setafter clicking, the logo is centre-cropped to a square and scaled to the six sizes in turn; a source whose short side is under 512 px warns that the 512 icon is generated by upscaling.
Review the results“Generated files” lists each file's name, purpose and size and they can be downloaded individually; “Download as zip” gives favicon.zip containing the 7 image files plus site.webmanifest.
Wire it into the sitecopy the HTML from “Embed code” (<link rel=icon>, apple-touch-icon, manifest) into <head>, put the extracted files in the site root, and adjust the name and theme colour in the manifest as needed.

Input and output examples

Input	Output	Notes
A 1024×1024 transparent PNG logo	`6 PNGs + favicon.ico (16 / 32 / 48) + site.webmanifest`	The alpha channel is preserved
A 1600×900 landscape logo	`Centre-cropped to 900×900 first, then scaled`	350 px is cut from each side
A small 200×200 image	`Succeeds with the note “source short side is only 200 px, so the 512 px icon is upscaled”`	Large icons will look soft

Scope and limitations

Supported input: PNG / JPG / JPEG / WebP / SVG, one at a time; an SVG is rasterised before scaling and no vector is preserved.
Size set: six fixed PNG sizes, and the ICO always contains 16, 32 and 48; nothing can be customised, added or removed.
ICO packaging: PNG data is stored inside directly (supported by modern browsers and Windows Vista and later), not the old-style BMP bitmap.
Cropping: a non-square image is always centre-cropped to a square; the crop area cannot be chosen and no padding is added.
What it does not do: it does not design an icon, does not add rounded corners or a background colour (use “Rounded Avatar” first), and does not generate a Windows tile browserconfig.xml or a Safari pinned-tab SVG.

Typical use cases

Launching a new site

A designer supplies one logo and the front-end developer gets every size plus the head markup in one go.

Filling in PWA icons

A project already has a favicon and only lacks the 192 and 512 manifest icons; generate the set and take those two.

Refreshing a personal blog's icon

Regenerate the whole set after changing the logo and overwrite the same-named files in the root.

A static site generator theme

Unzip favicon.zip into the static/ directory.

FAQ

Why is a 16×16 icon illegible?

Detail is inevitably lost at 16 px; a favicon should use a simple shape or initial and avoid thin lines and small text.

Will the generated ICO work on older systems?

The ICO wraps PNG data internally, which Windows XP and earlier Explorer versions do not support; modern browsers all read it.

How do I change the name in the manifest?

site.webmanifest is a template; edit name, short_name and theme_color in a text editor after downloading it.

Privacy

Cropping, scaling and ICO packaging all happen locally in the browser, and the logo is never uploaded to any server.

Updated 2026-09-09

Loading…

Favicon Generator: Full Icon Set, ICO and Manifest

Updated 2026-09-093 min read

Input

Output

Notes

A 1024×1024 transparent PNG logo

6 PNGs + favicon.ico (16 / 32 / 48) + site.webmanifest

The alpha channel is preserved

A 1600×900 landscape logo

Centre-cropped to 900×900 first, then scaled

350 px is cut from each side

A small 200×200 image

Succeeds with the note “source short side is only 200 px, so the 512 px icon is upscaled”

Large icons will look soft