100% Free·Browser-Based·No Upload

Favicon Converter

Drop a PNG. Get back every favicon size the modern web demands. ICO for old browsers, PNG for Apple touch icons, webmanifest for PWA support. All generated locally in your browser — your logo never touches a server.

Drop a PNG or JPG here

Or click to browse. Square images work best.

Recommended: 512x512px or larger. Max 5MB.

Why every size matters

Browsers and devices are picky. Apple wants 180x180 for touch icons. Windows wants 150x150 for tiles. Chrome wants 192x192 for PWA install prompts. Miss one and your site looks amateur on someone's home screen.

This tool generates the full set in one shot. You get a ZIP with everything organized, plus the exact HTML to paste into your <head>.

What you get

  • favicon.icoMulti-resolution ICO (16x16, 32x32, 48x48) for legacy browser support
  • favicon-32x32.pngStandard browser tab icon
  • apple-touch-icon.png180x180 for iOS home screen bookmarks
  • icon-192x192.pngAndroid/Chrome PWA icon
  • icon-512x512.pngLarge PWA splash screen icon
  • site.webmanifestJSON manifest for installable PWA support

Questions people actually ask

Do I really need all these sizes?

Technically? No. You could slap a 32x32 PNG in there and call it a day. But if someone adds your site to their iPhone home screen and gets a blurry auto-generated thumbnail, that's on you. The full set takes 30 seconds and makes you look like you know what you're doing.

What image should I upload?

A square PNG at least 512x512 pixels. SVG would be ideal but browser support is still weird, so PNG is the safe bet. Make sure it looks good tiny — complex logos become mud at 16x16.

Is the ICO file actually necessary in 2026?

Unfortunately yes. Old versions of IE and some enterprise software still expect it. It's a 5KB file that saves you from a broken favicon in weird edge cases. Just include it.

Where do I put these files?

Root of your public folder (or wherever your static assets live). The HTML snippet we generate assumes root-relative paths like /favicon.ico. Adjust if your setup is different.