What sizes do I actually need for a complete favicon set?

favicon.ico (containing 16x16, 32x32, 48x48), apple-touch-icon.png (180x180), android-chrome-192x192.png, android-chrome-512x512.png, and a site.webmanifest. The generator produces all six in one click — drop the ZIP into your /public folder and your site is covered on Chrome, Safari, iOS home screen, and Android PWA install.

Why does my favicon look blurry in the browser tab?

Source image was probably too small or had thin details that disappear at 16x16. Use a logo at minimum 512x512 with bold strokes — thin serifs and detailed illustrations become unreadable at favicon size. Simplify your logo for the favicon if needed.

What is site.webmanifest and do I need it?

site.webmanifest tells Android and Chrome how your site appears when 'added to home screen' (PWA name, icon, theme color, background). The generator creates one automatically — drop it next to your favicons and add to your HTML head.

Should I use a transparent or solid-color favicon?

Transparent for logos that look good on both light and dark browser themes. Solid background for badge-style favicons (a letter in a colored circle). Browser tabs can be light or dark depending on user settings, so always preview both.

Do I need an apple-touch-icon for iPhone home screen?

Yes — when iOS users 'Add to Home Screen', it uses the 180x180 apple-touch-icon, not the regular favicon. The generator outputs the correct size; iOS auto-applies rounded corners and a slight gloss.

How do I install the favicons on my site?

Drop all generated files into your /public (Next.js, Vue, React) or root directory. Copy the HTML snippet provided into your . That's it — Chrome, Safari, Firefox, and Edge all pick up the favicons automatically.

Favicon Generator - Create All Favicon Sizes From Image

Upload any image and instantly get the complete favicon set: 16, 32, 48, 180 (Apple), 192 & 512 (PWA) plus site.webmanifest, packaged as a ZIP.

Drop your logo to generate every favicon size

Includes site.webmanifest + HTML snippet

About Favicon Generator

Renders your image to the six favicon sizes browsers actually use today (skipping the legacy .ico path that few sites still need), plus a ready-to-drop web app manifest. Runs entirely in your browser — no upload, no waiting.

Continue Enhancing Your Images

Take your photo editing to the next level with these popular tools

📝

Add Text to Image

Add captions and titles to your enhanced photo

🖼️

Add Photo Border

Frame your effect with beautiful borders

🗜️

Compress Image

Optimize your enhanced image for sharing

📐

Resize Image

Change image dimensions

📝

Add Text to Image

Add captions and titles to your enhanced photo

Try it now

🖼️

Add Photo Border

Frame your effect with beautiful borders

Try it now

🗜️

Compress Image

Optimize your enhanced image for sharing

Try it now

📐

Resize Image

Change image dimensions

Try it now

🎨

Photo to Cartoon

Try a different artistic style

Try it now

✏️

Pencil Sketch

Create artistic pencil drawings

Try it now

Explore All Photo Tools

Frequently Asked Questions

For modern browsers and devices you need six sizes: 16×16 and 32×32 for browser tabs, 48×48 for Windows site icons, 180×180 for Apple touch icon (iOS home screen), and 192×192 + 512×512 for Android home screens and PWA install prompts. Our generator produces all six plus a site.webmanifest from a single source image.

usage

Most modern browsers prefer the PNG link tags (rel="icon" type="image/png"), so an ICO file is no longer required. We skip the legacy ICO and provide PNG favicons sized correctly for every modern target. If you must support Internet Explorer or very old Chrome, you can convert one of the PNGs to ICO separately.

technical

A web app manifest is a JSON file that tells Android, Chrome and Edge how your site should look when installed as a progressive web app — icon, name, theme color and display mode. Our generator includes a starter manifest pointing at the Android Chrome icons; you only need to edit the name and theme_color.

features

A square (1:1) PNG at 512×512 or larger gives the cleanest output at every size. Avoid fine detail that disappears at 16×16 — favicons work best with a single bold shape and high contrast. Transparent PNGs work; the tool letterboxes them so the icon sits centered at every size.

tips

Yes — your source image is resized via the canvas API and packaged as a ZIP locally. Nothing is uploaded. This makes it safe to generate icons for unreleased products and pre-launch brand identities.

privacy

Unzip the download into your site's /public (or web root) folder, then add the included HTML snippet to your <head>: link tags for the PNG icons plus a link to site.webmanifest. Hard refresh your site (Cmd+Shift+R) — browsers cache favicons aggressively, so you may need to clear the cache for the new icon to appear.

usage

Yes — the 192×192 and 512×512 PNGs are exactly what Chrome and Edge look for to qualify a site as an installable PWA. Together with the manifest they meet the lighthouse PWA installability check.

technical

Yes. No watermarks, no signup, no usage cap — and the ZIP is yours forever. We added this tool because every developer needs a favicon set eventually, and the existing generators were either ad-laden or made you pay for high-resolution outputs.

pricing

Use Cases

Indie Hacker Launches

Solo founders shipping their MVP need a polished favicon before launch. Generate every size from your single logo image and the manifest in one click — no Figma, no design subscription needed.

development

Agency Client Setup

When delivering a new client site, the favicon set is rarely budgeted but always expected. Generate the ZIP at the end of the project, drop it in /public, and tick the deliverable.

agency

PWA Installability

To pass the Chrome installability check, your manifest needs 192×192 and 512×512 icons. Our output meets that requirement out of the box, plus the matching HTML head tags.

development

Multi-Brand Workspaces

Agencies and consultants juggling multiple client brands can regenerate the favicon set in 10 seconds whenever a brand refresh ships — no need to maintain a Photoshop action.

agency

Open Source Project Branding

GitHub Pages, Vercel, Netlify and Cloudflare Pages sites all need favicons to look polished in browser tabs. Drop the generated files into your repo and your project looks shipped.

opensource

Rebranding Refresh

When your logo changes, regenerate every required size — including the 180px Apple touch icon and 512px Android PWA icon — without manually re-exporting from Illustrator.

branding