CrunchyPic

Favicon Generator

🔒 Your images never leave your device — 100% private, no uploads.

Drag & drop your logo here

or tap to browse — PNG, JPG or SVG, ideally square and 512px+

Upload a logo and get a complete favicon package: multi-size ICO, PNG icons, web manifest and the HTML to paste into your site.

The tiny icon in the browser tab is often the first piece of branding anyone sees — and the easiest to get wrong. A free favicon generator turns your logo into the complete, correct set of files every browser and device expects: a multi-size favicon.ico, PNG icons for tabs and home screens, a web manifest for Android, and the HTML snippet to wire it all up. Upload once, download a ZIP, done in under a minute.

What is a favicon and why does it matter?

A favicon is the small icon shown in browser tabs, bookmarks, history and mobile home screens. Sites without one show a generic blank icon, which looks unfinished and makes your tab harder to spot among dozens of open pages. It is a small trust signal: users subconsciously associate the little icon with a legitimate, cared-for website.

What favicon sizes do you actually need in 2026?

Modern browsers are forgiving, but the safe complete set is: favicon.ico containing 16, 32 and 48px versions (covers tabs and legacy browsers), 180×180 PNG as the Apple touch icon (iOS home screen), 192×192 and 512×512 PNGs for Android and progressive web apps, plus a site.webmanifest listing them. This tool generates exactly that set — no more, no less — so you are covered everywhere without bloat.

How to install your favicon

  1. Upload your logo — square PNG or JPG at 512px or larger works best; SVG works too.
  2. Adjust padding and background — a little padding keeps the mark from touching the icon edges; transparent backgrounds look cleanest.
  3. Download the ZIP and extract all files into your website's root folder (where your homepage lives).
  4. Copy the HTML snippet (button above) and paste it inside the <head> section of your pages.
  5. Hard-refresh (Ctrl+Shift+R) — browsers cache favicons aggressively, so a normal refresh may not show it.

The snippet looks like this:

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" href="/favicon-32x32.png" type="image/png">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">

Design tips for tiny icons

Private by design

Your logo is resized, packaged and zipped entirely in your browser — nothing is uploaded to any server. Need just a single-size Windows icon instead? Our PNG to ICO converter does that. Converting a vector logo first? Try SVG to PNG, and shrink large sources with the PNG compressor.

Frequently asked questions

What files do I get in the favicon package?

Seven files: favicon.ico (with 16, 32 and 48px versions inside), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180px), android-chrome-192x192.png, android-chrome-512x512.png, and site.webmanifest — plus a copy-paste HTML snippet to link them.

Where do I put the favicon files on my website?

Extract the ZIP into your website's root folder (the same folder as your homepage), then paste the HTML snippet inside the section of your pages. Browsers look for /favicon.ico by default, so the root placement matters.

What makes a good favicon source image?

A square image at least 512×512 pixels, ideally simple: a bold letter, a simple mark, or a simplified version of your logo. Detailed photos and thin text become unrecognizable at 16 pixels — check the live 16px preview before downloading.

Do I need the web manifest file?

For a regular website it is optional but recommended; for a progressive web app (PWA) it is required so Android can install your site with the correct icons and theme colors. It costs nothing to include.

Will my favicon work in all browsers?

Yes. The multi-size ICO covers Chrome, Edge, Firefox, Safari and even legacy Internet Explorer; the PNG icons and Apple touch icon cover mobile browsers and home-screen bookmarks.

Is my logo uploaded to a server?

No. The entire package — resizing, ICO encoding, ZIP building — runs locally in your browser with JavaScript. Your logo never leaves your device.

Try also

PNG to ICOSVG to PNGCompress PNGResize Image

Share this tool