Favicon Generator
Turn any image into a complete favicon set: multi-size .ico, PNG icons, Apple touch icon, and a site.webmanifest.
100% in your browser — files never leave your device
Tip: a square image at least 256×256 px works best.
A complete favicon set from one image
Modern browsers and devices request favicons at many different sizes. Desktop browsers display a 16 or 32 px icon in the tab bar. Progressive web apps need 192 px and 512 px PNGs declared in the web manifest. iOS home screens request the Apple touch icon at 180 px. Windows tiles use their own sizes. Providing only a single 32 px ICO misses most of these use cases.
This tool generates the full set from a single source image. The ICO file bundles six sizes into one file (16, 32, 48, 64, 128, 256 px) — browsers pick the best size automatically. Individual PNG files cover 192 px for web app manifests. The Apple touch icon is rendered on a solid background to avoid the black-fill bug in Safari. A ready-to-paste HTML snippet and a site.webmanifest are included so you can drop everything in place without further editing.
All generation runs in your browser using the Canvas API and a JavaScript ICO encoder. Nothing is uploaded.
Frequently asked questions
What files are included in the downloaded ZIP?
The ZIP contains: favicon.ico (multi-size ICO with 16, 32, 48, 64, 128, 256 px layers), individual PNG files at each of those sizes plus 192 px, an Apple touch icon (180 px, solid background), a site.webmanifest file, and an HTML snippet showing the link tags to add to your page.
What image should I start with?
A square image at least 256x256 pixels works best. SVG sources are ideal because they scale without loss. For raster sources, use the highest-resolution version you have — the tool will downsample cleanly. Avoid rectangular images; the generator crops to a square centered on the image.
Why does the Apple touch icon always have a solid background?
Safari ignores transparency in touch icons and fills transparent areas with black. The generator renders Apple touch icons on a solid background (white by default, or your chosen color) to prevent this from looking broken on iOS home screens.
Does this support transparent favicons?
Yes. When "Keep transparency" is checked, PNG files and the ICO layers preserve alpha transparency. Browsers that support transparent favicons (Chrome, Firefox, Edge) will display them correctly. Only the Apple touch icon is forced opaque, as noted above.
Are my images uploaded?
No. The entire generation pipeline — canvas resizing, ICO encoding, PNG generation, ZIP packaging — runs in your browser. Nothing is uploaded to any server.
Related tools
Image Compression
Compress to WebP, AVIF, JPEG, PNG, or JPEG XL with full quality control.
Convert SVG to PNG
Rasterize SVG to PNG at any resolution
SVG Optimizer
Strip editor metadata and minify SVG markup to shrink file size.
Social Media Crop
Pixel-perfect crops for Instagram, Twitter, LinkedIn, and YouTube.