Favicon Generator — Full Set + Manifest + HTML Snippet (Local)
Generate a complete favicon set — .ico, PNGs (16-512px), apple-touch-icon, Android icons, site.webmanifest, and the HTML snippet — from one source image. Runs in your browser.
Last updated:
Drop an image here, or
A square, high-resolution PNG or SVG works best (recommended: 512×512 or larger). Everything is generated in your browser.
Drop a source image (PNG/SVG/JPG, at least 512×512 recommended) and get back a complete favicon set: favicon.ico with 16/32/48, apple-touch-icon, Android icons, site.webmanifest, plus the HTML snippet to paste into <head>.
What is Favicon Generator?
Setting up favicons for a modern site is unreasonably annoying. You need an .ico for Windows, a set of PNGs at various sizes, a special apple-touch-icon for iOS, Android Chrome icons for the home screen, and a web manifest to describe them. This tool takes one image, renders every required size in your browser via Canvas, hand-builds the ICO binary, generates the manifest JSON, and produces the HTML snippet you can copy into your site's <head> — all as a single zip download. No upload, no account, no waiting for a server-side render.
How to generate a full favicon set
- 1Drop or select a square source image. PNG or SVG is best; a 512×512 canvas works for any modern site.
- 2Optionally set the app name (used in site.webmanifest for PWA installs).
- 3Click 'Generate favicon set' — every size is rendered locally.
- 4Download the zip, extract to your site's root, and paste the shown HTML snippet into your <head>.
Use Cases
New project bootstrap
Get a full favicon set in 10 seconds instead of manually resizing in Photoshop.
Rebrand
Regenerate everything from the new logo — Windows tile, iOS home screen, Android install icon, all in one pass.
Marketing landing pages
Each campaign gets its own favicon — this tool makes the cost of a fresh one negligible.
Tips & Best Practices
- ▸SVG source gives the sharpest output at every size — the tool rasterizes it at the exact target dimensions.
- ▸For raster sources, use at least 512×512 so the 192/512 Android icons don't upscale.
- ▸The generated ICO uses PNG-embedded frames — compatible with Windows Vista+, all browsers, and macOS.
- ▸site.webmanifest theme_color and background_color default to white; edit the JSON after download to match your brand.
Frequently Asked Questions
What files does the generator produce?
favicon.ico (with 16/32/48 embedded), favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png (192×192), android-chrome-192x192.png, android-chrome-512x512.png, site.webmanifest, and an HTML snippet you can paste into <head>. Everything is bundled into one zip.
What's the recommended source image?
A square PNG or SVG that's at least 512×512 pixels. Transparent background is fine. Very small source images (< 128px) will look pixelated at large sizes — this tool doesn't upscale intelligently.
Is my image uploaded?
No. The tool renders every size in your browser using Canvas and builds the ICO by hand. Nothing is sent anywhere.
Related Tools
EXIF Viewer
View EXIF metadata in JPEG, HEIC, TIFF, and PNG photos: camera model, GPS coordinates, exact timestamps, and more. Runs entirely in your browser — nothing is uploaded.
EXIF Remover
Remove EXIF, GPS, and other metadata from your photos before sharing. Two modes: precise (lossless JPEG) or full re-encode (any format). 100% local — the photo never leaves your device.
PNG → JPG
Convert PNG images to JPG in your browser. Adjustable quality, custom background color for transparent PNGs, batch download. 100% local — nothing is uploaded.
JPG → PNG
Convert JPG images to PNG in your browser. Lossless output — no re-compression artifacts. Batch download supported. 100% local.
WebP → JPG
Convert WebP images to JPG in your browser. Great for legacy tools and platforms that don't accept WebP. 100% local, batch supported, adjustable quality.
WebP → PNG
Convert WebP images to PNG in your browser without losing more quality than the WebP already had. Preserves transparency. 100% local.