No upload, 100% local, no account

Favicon Generator

Upload your logo or icon and download all standard favicon sizes as PNG. Includes Apple Touch Icon and PWA icons. Nothing leaves your device.

How Favicon generator works

Favicon Generator takes any image you provide and resizes it to the standard favicon dimensions using the Canvas drawImage API: 16x16, 32x32, 48x48, 180x180 (Apple touch icon), 192x192 (Android Chrome) and 512x512 (PWA manifest). All six sizes are generated in your browser, along with a multi-size favicon.ico that bundles the 16x16, 32x32 and 48x48 images into one legacy file. Your source image never leaves your device.

A complete favicon set covers the full range of browser tab icons, bookmarks, home screen shortcuts and PWA splash screens. Using a high-resolution source image (at least 512x512 pixels) gives the downscaling algorithm the most detail to work with. The HTML link tags you need to reference each generated file are shown in a snippet you can copy directly into your page's head element.

Written by Bastien Sulyan

How to use Favicon generator, step by step

  1. Drop your source image onto the upload area. Use a square image at 512 px or larger for best results.
  2. Preview the six generated sizes in the results panel.
  3. Download the six PNG files and the favicon.ico from the results panel.
  4. Copy the HTML snippet showing the link tags for all sizes.
  5. Place the PNG files at your site root and paste the link tags into your page head.

Common use cases

  • A developer sets up a new website and needs all favicon sizes generated from the brand logo without a design tool subscription.
  • A PWA author generates the 192x192 and 512x512 icons required in the web app manifest for home screen installation.
  • A blogger refreshes their site identity and replaces the default favicon with a custom icon built from their logo.
  • A freelancer quickly produces the full favicon set for a client project without waiting to install offline design software.

Frequently asked questions

What image formats can I use as the source?

Any format the browser can decode works as input: JPEG, PNG, WebP, GIF and SVG. For SVG sources, the browser rasterises the vector to a Canvas before resizing, so the output PNGs are raster images regardless.

Why is my favicon blurry in the browser tab?

The 16x16 and 32x32 sizes are very small. If the source image contains fine details or thin lines, they will not survive the downscale. A simple, bold design with clear shapes works much better at small sizes than a complex illustration.

Does the tool generate ICO files?

Yes. Besides the six PNGs, the tool assembles a favicon.ico holding the 16x16, 32x32 and 48x48 images in a single file, which is what older Windows browsers and some crawlers still look for at the site root. Modern browsers are happy with the PNG links, so publishing both costs nothing and lets each client pick.

Is the source image processed on a server?

No. The Canvas drawImage calls that produce each size run in your browser tab. The source image is read from your local disk and the six PNG outputs are created in memory and offered as downloads. No file data passes through a server.

Which size should I use for the Apple touch icon?

iOS and iPadOS use the 180x180 pixel PNG referenced by the apple-touch-icon link tag. This size is used when a user adds your site to their home screen on an Apple device. The tool generates this file alongside the other sizes.

Can I use a rectangular image as the source?

Yes, but the output will be letter-boxed or pillar-boxed to fit the square canvas. For best results, start with a square or crop your source image to a square before using the tool.