Favicon Generator
Turn any image into a complete favicon package — favicon.ico, every PNG size, Apple touch icons and a web manifest.
How to use the Favicon Generator
- Upload one image — ideally square and at least 256×256.
- The tool renders every icon size, favicon.ico and a web manifest.
- Download the ZIP and follow the included README to add the icons to your site.
About the Favicon Generator
This tool builds the whole set of icons a website needs from a single image, so you do not have to export a dozen sizes by hand. Upload one picture and it renders favicon.ico (a real multi-resolution icon holding the 16×16, 32×32 and 48×48 versions), every standalone PNG from 16×16 up to 512×512, the full range of Apple touch icons for iPhones and iPads, the two Android/PWA icons, a site.webmanifest file, and a README with the exact HTML to paste into your page’s head. Every file is named the standard, descriptive way — favicon-32x32.png, apple-touch-icon-180x180.png, android-chrome-512x512.png — so they drop straight into any project.
Two details are handled properly rather than crudely. The source is fitted to a square without distortion: a non-square image is centred on a square canvas rather than stretched, so nothing is squashed or cut off. And transparency is respected where it should be and removed where it must be — the favicon PNGs keep their transparent background, while the Apple touch icons are flattened onto white, because iOS renders a transparent apple-touch-icon as solid black on the home screen. A high-resolution square source gives the crispest result; the tiny 16×16 is sharpened during scaling, but nothing can add detail a small or blurry original does not have.
Your image is processed on the server and then deleted along with every icon it produced — nothing is kept or logged. The favicon.ico uses the PNG-in-ICO format that every current browser reads. If your artwork is an SVG, export it to a PNG first and upload that; this tool takes raster images so the output is predictable. Working with images already? See the image compressor or the PNG to JPG converter.
Frequently asked questions
What files are in the download?
A favicon.ico (with 16, 32 and 48 pixel versions inside), standalone PNGs from 16×16 to 512×512, Apple touch icons (57 to 180 pixels), android-chrome 192 and 512, a site.webmanifest, and a README.txt with the HTML snippet to paste into your page head.
What size and shape should my image be?
Square works best, at least 256×256, ideally 512×512, so even the largest icon is sharp. A non-square image is centred on a square canvas without distortion, so it still works — it just leaves transparent margins on the longer sides.
How do I add the favicon to my website?
Upload the files to your site’s root folder and paste the few lines from the included README.txt into the <head> of your pages. That covers browsers, iOS, Android and PWA installs.
Why is my icon on a white background on iPhone?
Apple touch icons cannot be transparent — iOS renders transparent areas as black, so this tool flattens them onto white. The regular favicon PNGs keep their transparency for browser tabs.
Can I upload an SVG?
Not directly. This tool works with raster images — PNG, JPG, WebP or GIF — so the output is predictable. If you have an SVG, export it to a PNG at 512×512 first, then upload that.
Is my image kept on the server?
No. It is processed to build the icons and then deleted immediately, along with every file generated. Nothing is stored or logged.