Favicon generator

How to use it

1. 1

   Drop a square image

   512 pixels or larger gives a clean 512 icon. Drag the artwork inside the crop square to choose what survives a centre crop.

2. 2

   Read the preview board

   The tab strips show your icon at a true 16 pixels, light and dark. That is the size that does the actual work, so judge it there and nowhere else.

3. 3

   Check the two verdicts

   One says whether the maskable icon stays inside the circle Android may crop to. The other says whether your mark disappears against a dark tab.

4. 4

   Download the set

   One button saves every file, including site.webmanifest, and the link tags are printed underneath ready to paste.

The preview board, not a wall of sizes

A grid of your logo at ten sizes tells you nothing, because nobody looks at a favicon on white at 128 pixels. What matters is the tab strip, where it sits at 16 pixels next to a dozen others; the bookmarks bar, where it is the only thing distinguishing one saved page from the next; the search result, where it sits beside your domain; and the phone home screen, where the platform rounds it off. Those are the contexts on the board, drawn at the real sizes, so what you see is what people get.

The set worth shipping in 2026

The long list of Windows tiles and eleven Apple sizes is dead. What current browsers and both mobile platforms need is four things: favicon.ico at the root for anything that goes looking without being told, an SVG icon for modern browsers, a 180 pixel Apple touch icon for the iOS home screen, and a manifest listing 192 and 512 for Android. That is the set here, and it is why the head snippet is four lines rather than fifteen.

What a maskable icon has to keep inside

Android does not show your icon as you drew it. It crops it to whatever shape the launcher uses, a circle, a squircle or a rounded square, so the specification defines a safe zone: a centre circle with a radius of 40 percent of the icon width, which is a diameter of 80 percent. Anything outside it can be cut. The tool scales the maskable icon into that circle, then scans the result and tells you whether any visible pixel still falls outside.

Design for 16 pixels, not for 512

A favicon is a 16 pixel square almost every time somebody sees it. At that size thin lines vanish, gradients turn to mud and a wordmark becomes a smear. The icons that work are one letter, one shape, or two colours with a hard edge between them. The tool also measures how much of your mark falls within 1.6 to 1 contrast of a dark tab strip, because a dark logo that looks fine on white is invisible to anyone using dark mode.