Skip to main content

Favicon Generator

Generate favicon.ico from images

How to Use Favicon Generator

  1. Upload a square image — a logo or icon works best.
  2. Review the live previews at 16, 32, 64 and 128 pixels.
  3. Select which sizes you need, or keep the recommended defaults.
  4. Download the ZIP containing every icon plus a manifest and HTML snippet.
  5. Copy the icons to your site root and paste the snippet into your page head.

About Favicon Generator

What this page solves

A single 512×512 PNG is not a favicon set — modern browsers, iOS home screens, Android web app manifests, and Microsoft Edge pinned tiles each want a different size and format. This tool generates the full set from one source image, plus the matching `<link>` and `manifest.json` snippets, entirely in your browser.

Favicon Generator takes one square source image (PNG, JPG, or SVG — 512×512 or larger works best) and renders the full modern favicon set in your browser using the Canvas API: `favicon.ico` (16 / 32 / 48 multi-resolution), `apple-touch-icon.png` (180×180 for iOS home screens), `android-chrome-192x192.png` and `android-chrome-512x512.png` for the Web App Manifest, plus an `mstile-150x150.png` for Edge pinned tiles. It also emits the paste-ready ``, ``, and `` block for your `index.html`, plus a starter `site.webmanifest` so installable PWAs render the right icon on Android home screens. It exists for the launch-day workflow that always ends in 30 minutes of fiddling with online converters — pick one image, get every size, drop the ZIP into `/public`, paste the snippet into your ``. Pair it with the Image Resizer if your source logo is not yet square, or with the Image Converter to convert SVG → PNG before generating. Runs entirely in your browser — no upload, no signup, no logs.

Common Use Cases

  • Generate the full favicon set for a new site launch in one click
  • Add proper iOS home-screen and Android PWA icons to an existing project
  • Refresh favicons after a logo rebrand without re-uploading to a third-party service
  • Generate Microsoft Edge pinned-tile icons with a custom theme colour
  • Create the `site.webmanifest` block for an installable PWA
  • Produce a `favicon.ico` from an SVG without leaving Figma

Related tools in Web Tools

See all Web Tools.

Frequently asked questions

Which sizes do I actually need?

At minimum 16 and 32 for browser tabs, 180 for the Apple touch icon, and 192 plus 512 for Android and progressive web apps. The defaults cover all of these. Additional sizes are harmless but rarely requested.

Where do the files go?

Put every PNG and the webmanifest in your site root, so they resolve at paths like /favicon-32x32.png. Then paste the included HTML snippet into the head of your pages.

Why does my favicon look bad at small sizes?

Detail that reads clearly at 512 pixels disappears at 16. Favicons need to work as simple silhouettes — a single letter, a bold shape, strong contrast. If your logo has fine linework or text, make a simplified mark for icon use.

Do I need an .ico file?

Not any more. Every browser in current use accepts PNG favicons. The .ico format persists mainly for compatibility with very old versions of Internet Explorer.

My favicon has not updated. Why?

Browsers cache favicons aggressively, often ignoring normal refresh. Try a hard reload, open the icon URL directly, or test in a private window.

How to use Favicon Generator?

1) Open the tool. 2) Enter or upload your input. 3) Get your result instantly. Everything happens locally — nothing is uploaded.

When should I use Favicon Generator?

Use it when shipping a new site or rebranding — when you need `favicon.ico`, the Apple touch icon set, the Android Chrome 192/512 pair, and the web manifest entries in one download.

Is Favicon Generator safe?

Yes. Favicon Generator runs 100% in your browser. Inputs are never uploaded, stored, or logged — safe for confidential content.

Will quality be affected by Favicon Generator?

Favicon Generator performs lossless operations — your content is not re-encoded or downgraded.

What formats does Favicon Generator support?

Favicon Generator supports all common formats — paste, type, or load from a file.

Is Favicon Generator free?

Yes — Favicon Generator is completely free, with no registration, no watermarks, and no usage limits.

What sizes does the tool generate?

`favicon.ico` (multi-resolution: 16×16, 32×32, 48×48), `apple-touch-icon.png` (180×180), `android-chrome-192x192.png`, `android-chrome-512x512.png`, and `mstile-150x150.png`. That covers every modern browser, iOS home screen, Android PWA install, and Edge pinned tile.

My source image is a rectangle — will it work?

Best results come from a square source (512×512 or larger). For a rectangular logo, resize and pad it to a square first with the [LINK:Image Resizer|/tool/image-resizer], or it will be centre-cropped before each output size is rendered.

Do I really need all those sizes in 2026?

For a marketing site, the minimum modern set is `favicon.ico` + `apple-touch-icon.png` + the two Android Chrome PNGs. The Edge pinned tile is optional but takes one extra second to generate, and breaks gracefully on browsers that ignore it.

Where do I put the files?

Drop the entire ZIP into your site's `/public` (Vite / Next.js) or web root, then paste the generated `<link>` block into the `<head>` of `index.html`. The manifest goes next to your other static files and is referenced from the `<link rel="manifest">` tag.