What this tool does
- Every size you need — a favicon.ico bundling 16×16, 32×32 and 48×48, plus standalone PNGs for Apple touch icon and Android home-screen icons
- A ready web manifest — site.webmanifest is generated automatically, referencing the Android icons correctly
- The HTML snippet, ready to paste — copy the exact <link> tags your site needs straight to your clipboard
- Fit or fill — keep the whole image visible with padding, or crop it edge-to-edge into a clean square
- Manual crop — pick exactly which square region of your image becomes the icon with a draggable, resizable crop box
- Corner rounding — dial in anything from a subtle rounded square to a perfect circle
- Live browser-tab preview — see roughly how your favicon will look in a real tab before downloading
Why generate a proper favicon set
- A single favicon.ico isn't enough anymore — modern browsers, iOS and Android all look for different sizes and formats
- A missing apple-touch-icon or manifest means a blurry or generic icon when someone adds your site to their home screen
- Getting the whole set right in one pass saves you from re-uploading files one at a time
Frequently asked questions
Is my image uploaded anywhere?
No — every icon size is drawn using the canvas element directly in your browser. Your image is never sent to a server.
What's included in the download?
A favicon.ico (with 16x16, 32x32 and 48x48 sizes bundled together), standalone favicon-16x16.png and favicon-32x32.png files, an apple-touch-icon.png for iOS, two Android home-screen icons, and a site.webmanifest file.
How do I use the files on my site?
Upload the files to the root of your site and paste the provided HTML snippet into your page's <head>. The Copy button copies the exact snippet for you.
What if my image isn't square?
Choose "Fit within" to keep the whole image visible with padding around it (pick a background color or make it transparent), or "Fill" to crop it edge-to-edge into a square — or use the crop tool to pick the exact square region yourself.
Can I make the icon rounded or circular?
Yes — the "Corner rounding" slider goes from sharp square corners up to a full circle, and applies to every generated size.