Skip to content

Favicon Generator

10 PNG sizes + ICO + manifest + HTML snippet, all in one ZIP.

Share
Drop an image or click to browse
Square 512x512 PNG recommended. JPEG, WebP, SVG also fine.

Generated sizes

Upload an image and click Generate to see all 10 sizes.
Image processed entirely in your browser. Source file never uploaded.
10
PNG sizes
Yes
ICO + manifest
Unlimited
Free uses per day
Browser
Runs in

What is the Favicon Generator?

A favicon generator turns one source image into the full set of icon files modern websites need: 10 PNG sizes (16 for browser tabs through 512 for PWA manifests), a multi-resolution favicon.ico, site.webmanifest for PWAs, browserconfig.xml for Windows tiles, and a ready-to-paste HTML snippet. Everything packaged as a ZIP, ready to drop into your site root.

Most generators give you 4-5 sizes and skip the manifest files. We ship all 10 PNG sizes plus the supporting files needed for iOS home screens, Android Chrome, Windows tiles, and PWA installs. Everything runs in your browser. Your source image never uploads anywhere.

How it works

Step 1
Upload source
Drop a square 512x512 PNG or any image. Larger is fine, smaller upsizes (less crisp).
Step 2
Customize
Theme color, background color, app name for the manifest. Optional but improves PWA installs.
Step 3
Download bundle
ZIP with all PNGs, favicon.ico, manifest, browserconfig, and HTML snippet.

Features

10 PNG sizes
16, 32, 48, 64, 96, 128, 180 (Apple touch), 192 (Android), 256, 512 (PWA).
Multi-resolution .ico
ICO bundle with 16+32+48 PNG-embedded for Windows + browser tab fallback.
Manifest + browserconfig
PWA site.webmanifest with all icons. Windows browserconfig.xml for tile color.
HTML snippet ready
Paste-into-head HTML with all the link rel and meta tags. No guessing.
iOS + Android + PWA
Apple touch icon at 180. Android Chrome at 192 + 512. Manifest icons sized correctly.
Theme color customization
Set theme_color for browser UI tinting + background_color for splash screens.
Cover-fit sizing
Square or non-square input -covers each size with center crop. Sharp at every resolution.
Browser only
Source image never sent. FileReader + Canvas + JSZip -all local.

Why this generator

Complete bundle

10 PNGs + .ico + manifest + browserconfig + HTML snippet, ZIP'd. Most free generators ship 4-5 PNGs and call it done.

PWA-ready

site.webmanifest is generated with theme color, background color, and all icon refs. Drop in and your site qualifies for Add-to-Home-Screen.

No upload

realfavicongenerator.net uploads to their server. We process locally. Your unreleased logos and design drafts stay private.

Free, no ads, no signup

Unlimited generations. The competing free tier on most sites watermarks or limits features.

Who uses it

Web devs
Adding a favicon set to a new site or upgrading an outdated one.
PWA developers
Generating the manifest icons and site.webmanifest in one step.
Agencies
Branding deliverables for client sites -full bundle in one ZIP.
Students
Learning what favicons actually are and what files modern browsers expect.

Real use cases

  • You launched a Next.js site and the default favicon shows. Drop your logo, download the bundle, copy files to /public, paste the head snippet. Browser tab now shows your brand.
  • Your site qualifies for PWA install on Android but the icon shows broken. Generate the bundle -site.webmanifest with 192 + 512 icons fixes the install prompt.
  • You're handing off a website to a client and need the full favicon set as a brand deliverable. ZIP it up, drop in the brand assets folder.
  • Your iOS users see a generic icon when they save your site to home screen. Apple touch icon at 180x180 is in the bundle. Drop it in, problem solved.
  • You changed your logo and need to refresh every favicon size on your live site. Generate, replace files, hard refresh. 90 seconds.
  • You're building a static site generator and want to add favicon support. Use this once, save the head snippet, hard-code into your starter template.

Compared with other tools

FeatureMolixarealfavicongeneratorfavicon.iofavicon-generator.org
PNG sizes10959
ICO multi-resolutionYesYesYesYes
site.webmanifestYesYesPartialNo
browserconfig.xmlYesYesNoNo
Head HTML snippetYesYesPartialNo
Free, no signupYesYes (ads)YesYes (ads)
Browser-onlyYesServer uploadServer uploadServer upload

Frequently asked questions

Is the favicon generator free?

Yes. Unlimited use, no signup, no daily cap, no watermark. Generation runs entirely in your browser. realfavicongenerator.net is free but ad-supported and uploads your image to their server; we don't.

What sizes do I get?

10 PNG sizes (16, 32, 48, 64, 96, 128, 180, 192, 256, 512) plus a multi-resolution favicon.ico containing 16+32+48. Covers Chrome, Firefox, Safari, Edge, iOS home screens, Android Chrome, Windows tiles, and PWA manifest icons.

What's in the bundle?

Everything as a ZIP: 10 PNGs, favicon.ico, site.webmanifest (PWA manifest), browserconfig.xml (Windows tiles), HEAD-snippet.html (paste into your head), and a README. Drop the contents into your site root, paste the snippet, done.

Do I need all those sizes?

Modern browsers can use the .ico for tab favicons. The PNGs are still recommended because some platforms (iOS home screens, Android, PWAs) require specific sizes. The full set ensures your icon looks crisp on every device.

Can I use a square or rectangular image?

Both work. The generator covers-fits to a square at every size, so a portrait photo will get cropped to square. For best results, upload a square master at 512x512 or larger so each size is sharp.

Should I use SVG?

SVG favicons are supported by Chrome, Firefox, Safari (modern). They're great for crisp rendering at any size. We don't auto-convert PNG to SVG (PNGs are raster, SVGs are vector -needs a separate vectorize step). If you have an SVG master, use the SVG to PNG tool to make raster fallbacks.

What's the difference between favicon.ico and PNG?

favicon.ico is a Windows multi-resolution format that browsers all understand. PNGs are individual files for specific sizes. We ship both because some platforms only check .ico, others only check PNGs at specific sizes. Belt and suspenders.

How do I install the favicons?

Upload the bundle to your site root (where index.html lives). Paste the HEAD-snippet.html into your site's head element. Reload, hard-refresh. Verify in DevTools > Application > Manifest.

Why doesn't my favicon show up?

Three common causes. (1) Browser cache -hard refresh (Ctrl+Shift+R). (2) Favicon files in the wrong path -they need to be at the same level as index.html. (3) MIME type wrong -your server should serve .ico as image/x-icon and .png as image/png.

Is my image private?

Yes. The whole tool runs in your browser. Image bytes are read by FileReader, decoded by the browser, resized via Canvas, and packed into a ZIP -all locally. No upload, no server, no log.

Generate favicons now

10 PNG sizes, .ico, manifest, browserconfig, head snippet. Free unlimited.

Open the favicon generator
Built and reviewed bySaqib Zahoor, WeboTech Studio
Last updated:

The Favicon Generator page is built, reviewed, and maintained by the Molixa team. We use the tool we ship and update the docs when the behavior changes.