⚡ Image · Client-side · No data sent to server

Favicon Generator

Turn one square image into every favicon size your site needs. Each size renders on a canvas in your browser, so your image is never uploaded.

100% private. Your image is decoded and redrawn at each size entirely in your browser with the native Canvas API. Images are never uploaded, sent, or logged. Browsers accept PNG favicons, so no .ico file is needed.

About the Favicon Generator

The Favicon Generator turns one square image into the favicon sizes a website needs: 16, 32, and 48 for browser tabs, 180 for Apple touch icons, and 192 and 512 for Android and web app manifests. It renders each size with the Canvas API and gives you a PNG download for every one, plus a ready-to-paste set of <head> tags. Everything runs in your browser, so your image is never uploaded.

How it works

  1. Drop a square image onto the box or click to pick a file (PNG, JPEG, WebP, or SVG).
  2. The tool draws your image to each favicon size on a canvas and shows a preview of every size.
  3. Click Download under any size to save that PNG, or copy the HTML snippet for your <head>.

Features

  • Six standard sizes from one upload: 16, 32, 48, 180, 192, and 512.
  • Live canvas preview of each size before you download.
  • Per-size PNG download using the native toBlob method.
  • Copy-ready <head> snippet with favicon links, apple-touch-icon, and a manifest reference.
  • Drag and drop or file picker, with no upload and no account.

Frequently asked questions

Is my image uploaded to a server?

No. The image is read and redrawn entirely in your browser with the Canvas API. Nothing is sent anywhere or stored.

Do browsers accept PNG favicons?

Yes. Every current browser supports PNG favicons through the link rel="icon" tag with a type and sizes attribute. The .ico format is no longer required.

What size image should I upload?

Upload a square image at 512x512 or larger. A larger source scales down to every favicon size cleanly. A small source scaled up will look blurry.

What is apple-touch-icon for?

It is the 180x180 icon iOS uses when someone saves your site to their home screen. The snippet includes the link tag for it.

What is the 192 and 512 size for?

Those are the icon sizes a web app manifest references for Android home-screen icons and installable web apps. The snippet includes a manifest link and the icon tags.