Toolis.dev

Favicon Generator

Generate a full favicon kit from one source image — multi-size favicon.ico, PNGs at every size browsers and devices ask for, plus a ready-to-paste HTML snippet. Runs locally.

  • Runs in browser
  • No signup
  • No tracking
Share
Found this useful?Buy me a coffee

How to use Favicon Generator

  1. Upload a square source image (512×512+ recommended).

  2. Toggle transparent background, or pick a fill color.

  3. Download favicon.ico plus the PNG kit (or 'Download all').

  4. Copy the HTML snippet into your <head>.

When to use it

  • Replacing the default Next.js favicon with brand artwork.

  • Generating an iOS apple-touch-icon for a PWA.

  • Producing 192/512 manifest icons for Android install banners.

  • Refreshing a favicon kit after a brand redesign.

What it fixes

  • Online favicon makers that paywall multi-size downloads.

  • Hand-exporting eight sizes from Figma every redesign.

  • Forgetting the apple-touch-icon and shipping a blurry iOS bookmark.

About Favicon Generator

A modern favicon is more than a single 16×16 image. You need a multi-size .ico for legacy support, PNG fallbacks for current browsers, an apple-touch-icon for iOS home screens, and 192/512 PNGs referenced from a web manifest for Android.

Upload one square source (512×512 or higher recommended) and this tool renders every standard size, packs the small sizes into a single favicon.ico, and gives you the HTML snippet to drop in your <head>. All rendering happens in your browser via Canvas — no upload, no signup.

References: MDN — <link> rel=icon · web.dev — Add a web app manifest

Frequently asked

  • Does this upload my image?

    No. All rendering happens locally in your browser using the Canvas API. Your source image is never uploaded.

  • What sizes do I actually need?

    At minimum: a multi-size favicon.ico (16/32/48), 32×32 and 16×16 PNG fallbacks, and a 180×180 apple-touch-icon. 192 and 512 cover Android home-screen icons via a web manifest.

  • Should the source image be square?

    Yes — favicons are square. If you upload a non-square image it'll be letterboxed (centered) inside each square output to preserve aspect ratio.

  • Why is the ICO file multi-size?

    An .ico container holds several resolutions in one file. Browsers and OS shells pick the closest size for the context (tab, taskbar, bookmark bar). Modern usage is shifting toward PNG, but ICO is still expected by Windows and older browsers.

Discussion

All tools