Skip to content
Build With Owais
Free · no sign-upRuns in your browser

Favicon Generator

Give one square image and get back the full set of icons a website needs — the small favicons, the Apple touch icon, the Android sizes, and a proper multi-size favicon.ico.

Favicon Generator tool

Loading the tool…

How to use the Favicon Generator

  1. Add a source image

    Drop a square image, ideally 512×512 or larger. A non-square image is centre-cropped to a square rather than squashed.

  2. Generate the set

    Press Generate. Six PNG sizes and a multi-size .ico are produced in a moment.

  3. Download and install

    Download everything as a ZIP, put the files in your site's root, and reference them from your HTML head.

Where your files are processed

Your files are processed locally in your browser and are not uploaded to our servers.

The Favicon Generator runs as JavaScript on the page you are reading. When you choose a file, the browser hands it to that code directly — it is never put into a network request, so there is no upload to cancel, no copy sitting in a queue somewhere, and nothing for us to delete afterwards. We could not see your file if we wanted to.

You can verify this rather than take our word for it: open your browser’s developer tools, switch to the Network tab, and run the tool. You will see no request carrying your file. Better still, once the page has loaded you can disconnect from the internet entirely and the Favicon Generator will keep working — which it could not do if it depended on a server.

To be exact about what doesleave the page: like the rest of this site, it loads analytics, which record that a tool was opened and whether it succeeded. Those events carry the tool’s name and a duration — never a file, a file name, or anything read out of your file. The tool panel above is also excluded from session recording, so nothing shown inside it is captured either.

Frequently asked questions

PNGs at 16, 32, 48, 180, 192 and 512 pixels, plus a favicon.ico containing the 16, 32 and 48 pixel versions in one file. 180 is the Apple touch icon; 192 and 512 are what Android and web app manifests expect.

Something that still reads at 16 pixels square. A full logo with a wordmark turns into an illegible smudge at that size — use just the symbol, or a single letter, with strong contrast and generous margins.

Modern browsers are happy with PNGs declared in your HTML, but some older software and feed readers still look for /favicon.ico at the site root by default. Including it costs a couple of kilobytes and removes a category of small problems.

Yes. The output PNGs and the .ico are 32-bit with an alpha channel, so a transparent background is preserved throughout.

Keep exploring

Credits

The file-processing behind this tool is adapted from DoxDock by Mithun Srinivas, used under the MIT Licence. Rebuilt here in TypeScript for this site.

Start a project

Tell me what you're building

Share a few details and I'll come back within one business day with an honest take, a realistic timeline and a ballpark cost — no pressure, no sales script.

  • Reply within one business day, from me directly
  • Straight answers on scope, timeline and budget
  • Free 30-minute consultation, no obligation

Need a tool like this built into your own product?

Tell me what you're working on. I'll reply within one business day with honest, practical next steps.