Favicon Generator

1. Choose a mode: upload an image, or draw one from text.
2. In image mode, adjust the background colour and the inner padding. In text mode, pick the text, the letter colour and the background.
3. Download the package with every generated size.

• 16 and 32 pixels — the tab and address bar icon in the browser.
• 48 pixels — shortcuts and site lists in some systems.
• 180 pixels — the icon used when someone adds the site to the iOS home screen.
• 192 and 512 pixels — the sizes the web app manifest uses on Android and for install-as-app.

A full logo shrunk to 16 pixels turns into a smudge. At that size there is no room for legible text or fine detail.

The way out is to simplify: use a single letter, an isolated symbol, or the most recognisable shape of the brand. Many well-known brands use only their initial in the favicon.

Contrast against the background matters more than fidelity to the visual identity. The icon must stand out in both light and dark tabs, and a near-white icon disappears in the browser’s light theme.

That is why text mode exists: for a project with no settled visual identity, a well-contrasted initial works better than an illegible logo.

Browsers automatically look for a file named favicon.ico at the root, but relying on that limits you to a single size.

The correct approach is to declare each file with a link tag in the head, stating size and type, and to reference the 192 and 512 icons in the web app manifest.

Browsers cache favicons aggressively. After replacing one, you may need a hard reload or a cache clear to see the change.

All generation happens in your browser: the image you upload never leaves your computer.