Favicon Generator

Generate favicon.ico and all common favicon PNG sizes from a single image, plus a ready-to-use HTML snippet.

Input data is processed in your browser
Data is never sent to a server

Tool

Drag & drop an image file here

Images are processed entirely in your browser and never sent to a server.

What is the Favicon Generator?

The Favicon Generator produces a full set of favicons for major browsers and devices from a single source image. It outputs favicon.ico (an ICO file containing 16/32/48px icons), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, and Android Chrome PNGs (192px and 512px), along with a ready-to-use HTML snippet.

All processing happens entirely in your browser using the Canvas API — your image data is never sent to a server. The ICO file is assembled using the modern PNG-based ICO format, without relying on any external library.

Use Cases

  • Generate a complete favicon.ico and apple-touch-icon.png set for a website
  • Produce Android Chrome icons (192px and 512px) for a PWA
  • Quickly export multiple icon sizes from a logo image

How to Use

  1. Select a source image (a square image is recommended), or drag and drop it.
  2. Click "Generate favicons".
  3. PNGs are generated at 16×16, 32×32, 180×180 (Apple Touch), 192×192, and 512×512 (Android).
  4. Click "Download favicon.ico" to save an ICO file containing 16/32/48px icons.
  5. Copy the HTML snippet shown and paste it inside your page's `<head>`.

FAQ

Is this tool free?

Yes, it is completely free to use.

Is my image sent to a server?

No. All processing happens in your browser using the Canvas API. Images are never uploaded to a server.

What happens if my image isn't square?

It's automatically center-cropped to a square when generating icons. For predictable results, start with a square image.

Which sizes are included in favicon.ico?

The generated ICO file bundles three sizes — 16×16, 32×32, and 48×48 — into a single file.