Favicon generator

Turn a logo into the full icon set, ICO and manifest.

Drop a logo or icon, ideally square

or click to choose (.png, .jpg, .jpeg, .webp, .svg). Up to 10 MB per file.

Code for the page head

The bundle has 8 PNGs, a favicon.ico with three sizes and a manifest.

Runs right in your browser
Free, no sign-up

What is in the package

One file has not been enough for browsers for a long time. From a single image we therefore build the whole set: PNGs from 16 to 512 px, a favicon.ico with three sizes inside, a 180 px Apple touch icon for iPhone and iPad, a manifest for installing to a phone's home screen, and a snippet of HTML to paste into the head of your page.

Which image to upload

Square and simple works best. A sixteen-pixel icon takes up about as much room as a letter of text, so a mark or an initial fits, not a whole logo with a tagline. The source should be at least 512 px wide; an SVG is ideal. From a rectangle we cut a square out of the centre.

Where to put the files

In the root of the site, next to the home page, so they are reachable at addresses like /favicon.ico. Then paste the supplied code into the head of your page. Browsers cache icons for a long time, so after replacing one, try a hard reload or a private window.

Frequently asked questions

Do I still need favicon.ico at all?

Modern browsers do not need it, a PNG is enough. Plenty of tools and older readers still ask for the file by themselves though, and when it is missing your logs fill up with 404s. That is why it is in the package.

Why is my transparent icon hard to see?

On a dark browser bar a dark mark blends into the background. If your logo has dark lines, turn transparency off and pick a light backdrop; the icon then reads in both themes.

Is the image uploaded anywhere?

No. The icons and the archive are built right in your browser, the logo is never sent anywhere.

More about Favicon generator