Skip to content

Favicon Generator

Upload a square image and get it resized to every size a site actually needs — the classic browser tab icon, the iOS home-screen icon, the Android and PWA icons — with the exact HTML link tags to paste into your head, ready to download.

  • All 6 standard sizes from one upload
  • Includes apple-touch-icon and Android/PWA sizes
  • Ready-to-paste HTML link tags
  • Download each size individually
  • The image never uploads anywhere

Generator

Resized locally, the image never uploads

How to generate a favicon set

  1. 01

    Upload a square image

    A source image of at least 512×512px gives every generated size room to look sharp.

  2. 02

    Download each size

    Every standard size is generated at once — download the ones your site actually needs.

  3. 03

    Copy the HTML tags

    Paste the generated <link> tags into your page's <head>, pointing at wherever you upload the files.

Why one favicon.ico is not enough anymore#

A single favicon.ico was sufficient in the era of desktop-only browsing, but modern devices each expect their own optimized size: a browser tab wants a small, crisp icon; an iPhone home screen icon needs to be 180×180 to avoid getting blurrily upscaled; Android and PWA install prompts look for 192×192 and 512×512 specifically. Serving only a tiny favicon.ico means the icon that shows up when someone adds your site to their home screen is often a stretched, soft version of something never meant to be shown that large.

What each size in this set is actually for#

16×16 and 32×32 are the classic browser tab and bookmark icons — 32px covers higher-DPI displays where a 16px icon would look soft. 48×48 is used by Windows for site shortcuts and some browser UI. 180×180 is Apple's required size for the home-screen icon on iOS — smaller sizes get scaled up and look noticeably worse. 192×192 and 512×512 are the two sizes the Web App Manifest spec expects for Android home-screen icons and PWA install/splash screens respectively.

Why the source image matters more than the resizing#

Resizing down from a large, sharp source image produces a clean result at every smaller size; resizing up from a small source image cannot recover detail that was never there — a 32×32 favicon.ico upscaled to 512×512 will look blurry no matter how good the resizing algorithm is. Starting from at least a 512×512 source image, ideally simple and legible at a glance (a mark or a single letter reads better than fine detail at 16px), gives every generated size the best chance of looking sharp.

Frequently asked questions

What size should my source image be?

At least 512×512px, and square. Every generated size is downscaled from it, and downscaling a large image looks clean — upscaling a small one cannot recover detail that was never captured.

Why do I need more than just favicon.ico?

Modern devices each look for their own optimized size — iOS wants 180×180 for the home screen, Android and PWA installs want 192×192 and 512×512. Serving only a small favicon.ico means those larger icon slots show a blurry, upscaled version instead.

Do I need to convert these to an actual .ico file?

Not necessarily — modern browsers accept a PNG favicon referenced via a <link rel="icon"> tag directly. A true .ico file is only needed for compatibility with very old browsers, and is outside what this tool generates.

Is my image uploaded to a server?

No. The resizing happens entirely in your browser using the Canvas API — the image is never sent anywhere.

Related tools