Skip to main content
Image ToolsAugust 24, 2026 · 2 min read

How to Generate a Favicon (and Full Icon Set) Online

Turn one image into a complete favicon set — favicon.ico, every standard PNG size, an apple-touch-icon, and a web manifest — as one ZIP download.

By QR Ivify Team

How to Generate a Favicon (and Full Icon Set) Online

A "favicon" isn't really one file anymore. Between the classic browser tab icon, iOS home-screen icons, and the multiple sizes a PWA manifest expects, a properly set-up site needs a handful of differently-sized image files — all generated from the same source logo, all named correctly, all referenced with the right HTML tags.

One Logo In, a Full Icon Set Out

QR Ivify's Favicon Generator takes one image and produces the whole set in one step: a real multi-resolution favicon.ico, PNGs at every standard size, an apple-touch-icon, and a site.webmanifest — all bundled into a single ZIP, along with a README listing the exact HTML tags to add.

Step by Step

  1. Open Favicon Generator.
  2. Drop in a square-ish source image.
  3. Click "Generate favicon package."
  4. Download the ZIP.

What's Actually in the ZIP

  • favicon.ico — 16, 32, and 48px, bundled into one classic favicon file
  • favicon-16x16.png and favicon-32x32.png
  • apple-touch-icon.png — 180×180, for iOS/Safari home screens
  • icon-192x192.png and icon-512x512.png — for Android and PWA manifests
  • site.webmanifest — already referencing the 192/512 icons
  • README.txt — the exact <link> tags to drop into your <head>

If your source image isn't square, it's centered on a square canvas at each size rather than stretched or cropped, so nothing gets distorted — starting from a square (or close to it) image just gives the cleanest result.

Frequently Asked Questions

Does this upload my image anywhere? No. Every size is generated entirely in your browser using canvas — nothing is sent to a server.

What's in the ZIP? favicon.ico (16/32/48px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180x180), icon-192x192.png, icon-512x512.png, a site.webmanifest, and a README.txt with the exact <link> tags to add to your HTML.

What if my source image isn't square? It's centered on a transparent square canvas at each size rather than stretched or cropped, so the whole image stays visible and undistorted — for the cleanest result, start with a square or near-square image.

Is there a file size limit? Yes, 10 MB.

Try It

Setting up favicons the tedious way, one export per size? QR Ivify's free Favicon Generator produces the whole set — and the HTML to go with it — in one click. Need to remove a photo's metadata before using it as a source image? See EXIF Viewer & Remover.

favicon generatorweb developmenttutorial

Related articles