Favicon Generator

Create favicon.ico, apple-touch-icon and PWA icons from one image.

Drag & drop an image here
or click to choose files — you can also paste from clipboard

A complete favicon setup touches half a dozen files: the classic favicon.ico, the 180×180 apple-touch-icon for iOS home screens, and the 192 and 512 pixel icons Android and PWA manifests expect. Making them by hand in an editor is tedious and easy to get wrong.

This generator takes a single square image and produces the whole set in one click — including a properly structured multi-size .ico file built right in your browser. You also get a ready-to-paste HTML head snippet declaring every icon, so wiring it into your site takes seconds.

For best results start with a square image at least 512×512 with a simple, high-contrast shape. Logos and letter marks work great; detailed photos turn to mush at 16 pixels.

How to use

  1. Upload one square image (512×512 or larger recommended).
  2. Review the live previews of every generated size.
  3. Download all files as a ZIP, including favicon.ico.
  4. Paste the provided <head> snippet into your site and drop the files in its root.

Why use this tool?

Frequently Asked Questions

Do I really need favicon.ico in 2026?
Modern browsers happily use PNG icons declared in your HTML, but favicon.ico remains the fallback that browsers, feed readers and tools request by default at /favicon.ico. Shipping a small one avoids a stream of 404s in your server logs.
My image is not square — what happens?
It is centered onto a square canvas. You can choose a background color to fill the empty bars, or keep transparency with PNG-friendly formats.
Where do the files go on my site?
Put them in your site root (or the directory declared in the head snippet) alongside the provided HTML tags. Browsers then pick the right icon automatically for tabs, bookmarks and home screens.
Why does my detailed logo look blurry at 16px?
Sixteen pixels is roughly 256 total dots — fine detail physically cannot survive. Design a simplified mark for favicons: bold shapes, thick strokes, high contrast.