CrunchyPic

Free Favicon Maker & Generator — Logo to ICO Online

🔒 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.

Want to generate a favicon for your website? The tiny icon in the browser tab is often the first piece of branding anyone sees — and the easiest to get wrong. This free favicon creator 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 — no signup, no cost.

What is a favicon, and how do I create one?

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 do I add the favicon to my website?

  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">

How to make a favicon in four steps

  1. Upload a square logo — 512×512 or larger; a transparent PNG gives the cleanest starting point.
  2. Set padding and background — 5–10% padding keeps the mark readable at tab size; use the background color only if your asset needs one (most sites keep favicons transparent).
  3. Check the 16px preview — if you can’t read it at that size, simplify the logo to one letter or one bold shape. This is where most favicons fail.
  4. Download the ZIP, extract it into your website root, and paste the generated HTML snippet into your <head>. Refresh the tab — the new icon is live.

favicon.ico or PNG icons — which do you need?

Both, ideally. Modern browsers happily read a PNG favicon from a <link rel="icon" type="image/png"> tag, and one 32×32 PNG looks perfectly crisp in a tab. But a root-level favicon.ico is still the conventional fallback that browsers, bookmarks, feed readers and some apps request automatically — no link tag involved. The set this tool builds includes both, plus the larger PNGs and manifest phones and installed web apps need. Rather ship one file? Generate both, upload the ICO to your domain root, and link the PNGs in the <head> — that covers everything. Building an actual app rather than a website? Our App Icon Generator makes the larger platform icon sets apps require.

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. If you arrived here looking for a free favicon generator with no signup, that is exactly what this is: no account, no email address, no waiting room. 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

How do I create a favicon for free?

Upload your logo above, adjust the padding and background, and download the ZIP — completely free, no signup, no watermark. Everything runs in your browser, so your logo never leaves your device.

How do I generate a favicon from my logo?

Drop a square logo (512px or larger works best; PNG, JPG, or SVG) into the tool above. It renders every required size — a multi-size ICO, PNGs, the Apple touch icon, and Android icons — then packages them into a ZIP with a web manifest and an HTML snippet, ready to install.

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 head 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.

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.

Can I make a favicon from a PNG or JPG logo?

Yes — drop in a PNG, JPG or SVG. A transparent PNG at 512×512 or larger gives the crispest result at every size. Whatever you choose, keep the design simple: at 16×16 pixels your logo becomes a handful of dots, so one bold shape or initial reads best.

Do I still need a favicon.ico if browsers accept PNG?

A single PNG favicon linked in your <head> works fine in modern browsers, but a root-level favicon.ico remains the conventional fallback that browsers, bookmarks and some apps look for automatically. This tool includes both, so every context is covered.

What size should a favicon be in 2026?

The complete set is 16, 32 and 48 pixels inside favicon.ico for browser tabs, a 180×180 PNG Apple touch icon for iOS home screens, and 192×192 plus 512×512 PNGs for Android — this tool generates exactly that set.

Why isn't my new favicon showing up?

Browsers cache favicons aggressively. Do a hard refresh (Ctrl+Shift+R on Windows, Cmd+Shift+R on Mac) or clear your browser cache — the new icon almost always appears after that.

Can I use an SVG file as a favicon?

Yes — modern browsers support SVG favicons through a link tag, and this tool accepts SVG files as a source logo. For maximum compatibility it still builds the classic ICO and PNG set, which every browser understands.

What is the difference between favicon.ico and apple-touch-icon.png?

favicon.ico is the multi-size icon browsers request automatically for tabs and bookmarks, while apple-touch-icon.png is the 180×180 PNG iOS uses when someone adds your site to their home screen. You need both, and the ZIP includes both.

Do I need a web manifest for my favicon?

A web manifest is not required for the tab icon itself, but Android uses it for installable web apps and home-screen icons. The downloaded package includes a ready-made site.webmanifest, so you are covered either way.

Try also

PNG to ICOSVG to PNGCompress PNGResize ImageApp Icon Generator

Popular searches

favicon generator

Share this tool