Favicon generator
One image in, every icon your website needs out — plus the code to add them.
Using toolbook means you agree to our Terms and Privacy Policy.
or drag it here
PNG, JPG, WEBP, or HEIC · square, 512px or bigger works best
Your files stay on your device
How to use it
Drop a square image here to get every favicon your website needs, including favicon.ico, in one zip with the HTML to paste in. Your image stays on your device.
A favicon is the little icon in a browser tab. But websites actually need several sizes: tiny ones for tabs, bigger ones for phone home screens. This makes all of them from one image.
Drop a square image onto the box above — 512 pixels or bigger works best. Adjust the padding, corners, and background if you like, and check the previews at real size. Then download the zip.
To add them to your site, put all the files in your site’s main folder and paste the HTML snippet into your page’s head section.
FAQ
What size should a favicon be?
There isn’t just one, so this makes six: 16, 32, and 48 pixels for tabs and shortcuts, 180 for iPhones, and 192 and 512 for Android.
Where do I put the files?
In your site’s main (root) folder. Then paste the HTML snippet into your page’s head. favicon.ico works even without the snippet.
Does my image need to be square?
It works best square. Other shapes get space added around them instead of being cropped.
Why isn’t my new favicon showing?
Browsers hold on to old favicons. Try a private window, or refresh again in a little while.
Can anyone else see my image?
No. Everything happens on your device, and your image is never sent anywhere.
How it worksFor the curious
Sizes: 16 and 32 px for browser tabs, 48 for Windows shortcuts, 180 for the iOS home screen, and 192 and 512 for Android via the web app manifest. Each is rendered separately from your source rather than scaled from one master, because fine strokes blur into grey when a large image is shrunk to 16 px.
The three small sizes are packed into one favicon.ico containing PNG images rather than old-style BMP bitmaps. Every browser and Windows version still in use reads a PNG-based ICO; only Internet Explorer cannot.
iOS ignores transparency on home-screen icons and composites them onto black, so the Apple touch icon is always flattened. If you leave the background transparent, that one file gets white; the rest keep their transparency.
Padding and corner radius are applied at each size, so a rounded corner at 16 px is a real corner rather than a blurred one. Rendering uses the Canvas API, and the zip is assembled in this page.