Favicon Generator — All Sizes in One Click

Upload any image → get favicon.ico, Apple Touch Icon, PWA icons and site.webmanifest

100% private — files never leave your device

Drop your logo or icon below. The generator resizes it using multi-step downsampling for crisp quality at 16×16px, builds a favicon.ico with 16/32/48px packed, exports PNG icons for Apple and Android, and writes a site.webmanifest for PWA support. Download everything as a single ZIP and paste the HTML snippet into your page head — setup takes under 2 minutes.

favicon_generator.sh
$generate --favicon --all-sizes --input
🖼️
Drop your image here or browse files
PNG, JPG, WebP, SVG — square 512×512px or larger recommended
output
🔒 100% Client-Side Processing — No Server Uploads. Your image is read locally, resized on an HTML5 Canvas in your browser, and downloaded directly to your device. No network requests during generation. ZIP downloads require JSZip (loaded once from CDN on first use) — individual file downloads work fully offline.

Your Files Never Leave Your Browser

100% Client-Side Processing

Conversions run locally in your browser using the Canvas API, with Web Workers used when supported. Your image data stays on your device and is never uploaded to any server.

No Account. No Tracking of File Contents.

We use Google Analytics and Google AdSense for aggregated traffic stats and contextual ads when consent allows it. Theme and language preferences stay in your browser. We never see, read, or store the images you convert.

Open About Our Limits

Browser-based conversion has trade-offs: large files (>50 MB) may hit memory limits; animated GIF output flattens to a single frame; EXIF metadata is stripped; ICC color profiles may differ across browsers.

Questions? Contact us or read the full privacy policy .

> how_to_create_favicon

  1. Upload your source image
    Drag and drop a PNG, JPG, WebP or SVG file into the generator. Use a square image of 512×512px or larger for best results. Non-square images are center-cropped automatically. High-contrast logos with simple shapes look best at small sizes.
  2. Generate all favicon sizes
    Click "Generate Favicons". The tool uses multi-step downsampling to create crisp icons at 16×16, 32×32 and 48×48px, then builds a favicon.ico with all three packed. Apple Touch Icon (180px), Android icon (192px) and PWA splash (512px) are generated in the same pass.
  3. Download ZIP and install
    Click "Download All (ZIP)" to get favicon.ico, all PNG sizes and site.webmanifest in one archive. Upload the files to your website root directory. Copy the HTML snippet and paste it into your page <head>. Edit site.webmanifest to set your app name and theme color.

> favicon_sizes_explained

FileSizeUsed by
favicon.ico16 + 32 + 48 pxAll browsers, desktop shortcuts, bookmarks
apple-touch-icon.png180 × 180 pxiPhone & iPad home screen
icon-192.png192 × 192 pxAndroid home screen, Chrome PWA
icon-512.png512 × 512 pxPWA splash screen, app store
site.webmanifestJSONPWA install prompt, home screen name

> frequently_asked_questions

What image should I use as a favicon source?
A square PNG or SVG logo at 512×512px or larger works best. The generator center-crops non-square images automatically. Avoid images with thin 1px lines or complex backgrounds — at 16×16px only the core shape remains visible. High-contrast logos with clear silhouettes look best at small sizes. SVG icons work excellently as source files since they are resolution-independent.
Which favicon sizes do browsers and devices need?
The complete set: favicon.ico with 16+32+48px packed covers all browsers and desktop shortcuts. 180×180px is required for Apple Touch Icon on iPhones and iPads. 192×192px covers Android home screen shortcuts and PWA install. 512×512px is used for PWA splash screens and app stores. This generator creates all of them in one click alongside a site.webmanifest file.
Does the generated favicon.ico work in all browsers?
Yes. This tool uses the Vista+ PNG-in-ICO format, supported by all modern browsers (Chrome, Firefox, Safari, Edge) and older IE versions. The ICO file packs three sizes — 16, 32 and 48px — so the browser picks the sharpest size for the current display density.
Why does my favicon look blurry at 16×16?
At 16×16px there are only 256 pixels — detail is always reduced. This generator uses multi-step downsampling (halving the image repeatedly before the final resize) which gives sharper results than single-step scaling. For best results use a high-contrast logo at 512×512px with bold, simple shapes. Avoid gradients and thin lines that disappear at small sizes — these are fundamental constraints of 16×16 icons, not tool limitations.
Are my images uploaded to any server?
No. This generator reads your image locally, resizes it on an HTML5 Canvas inside your browser, and downloads the output directly to your device. Nothing is uploaded anywhere. ZIP downloads require JSZip loaded once from a CDN — individual file downloads work completely offline.