Favicon Generator

Upload one square image and get the complete favicon set as a zip — a multi-size favicon.ico, an Apple touch icon, the PNGs a web manifest needs, and the manifest itself — plus the exact HTML to paste into your <head>.

Five files, not thirty. Most of what older generators emit targets browsers that no longer exist.

How it works

A favicon is not one file, because the places it appears have genuinely different requirements. The browser tab needs something legible at 16 pixels. A pinned taskbar shortcut wants 48. An iOS home screen uses 180 and — importantly — applies its own rounded corners, so a transparent background comes out looking wrong there. Android's install prompt reads 192 and 512 from the web manifest.

favicon.ico still earns its place for one unglamorous reason: browsers request /favicon.ico from the site root whether or not the page mentions it. Having one prevents a 404 on every first visit. The ICO here contains 16, 32 and 48 pixel versions in a single file, which is the format's one genuinely good idea — the browser picks whichever size it needs.

Design matters more than tooling at these sizes. A 16-pixel square holds roughly one letter or one simple shape. A detailed logo scaled down becomes an indistinct smudge, so the usual answer is a cropped monogram or mark rather than the full lockup. Test it at actual size before committing — what looks fine in a 512-pixel preview frequently does not survive the tab.

If you have an SVG, supply that too. Modern browsers accept rel="icon" type="image/svg+xml" and will render it crisply at any size, including on high-density displays where a 32-pixel PNG looks soft. It also supports prefers-color-scheme inside the SVG, which is how sites get a favicon that adapts to dark mode. Keep the ICO alongside it as the fallback.

One caution about caching: browsers cache favicons aggressively and often ignore a normal reload. After replacing one, expect to see the old icon for a while. Adding a query string to the link tag, or a hard refresh, is usually needed to confirm the new one is live.

Frequently asked questions