Drop a logo or image here
or click to choose · or paste (Ctrl/Cmd + V)
processed in your browser · never uploaded
Drop or click to replace
Generate a complete favicon set from a single image or logo. The output bundles favicon.ico (containing 16, 32 and 48px), browser-tab PNGs (16/32px), an apple-touch-icon for iOS home screens (180px), android-chrome icons for Android and PWAs (192/512px), and a PWA site.webmanifest — all zipped together. It also includes (and lets you copy) the ready-to-paste <head> <link> snippet, so you just drop in the files and paste the tags. Choose how the image is fit into the square — "Crop to square" (center crop) or "Fit whole image" (scaled to fit, padding stays transparent or a color you pick) — and keep the background transparent or flood it with a solid color. The preview sits on a checkerboard so transparency is obvious at a glance. The .ico is built as a PNG-in-ICO file, so it displays directly in every current browser (Chrome, Firefox, Edge, Safari). Nothing is uploaded; every step runs locally on the canvas.
How to use
- Drop an image or logo in, click to choose, or paste (Ctrl/Cmd + V).
- Pick "Crop to square" or "Fit whole image", and a transparent or colored background.
- Check the preview to confirm the result.
- Click Download ZIP to export favicon.ico + PNGs + manifest + snippet. The image is never sent anywhere.
FAQ
Are my images uploaded to a server?
No. Everything is generated in your browser using the Canvas API. Your image is never uploaded, stored, or sent anywhere — it is processed only on your device.
Which files does it generate?
favicon.ico (containing 16, 32 and 48px), favicon-16x16.png / favicon-32x32.png / favicon-48x48.png, apple-touch-icon.png (180px), android-chrome-192x192.png / android-chrome-512x512.png, site.webmanifest, and the <head> snippet (head-snippet.html).
How do I install the favicon?
Unzip the file and place its contents at the root of your site (the top of your public directory). Then paste the included <head> snippet (you can also copy it from this page) into your HTML's <head>, and you're done.
Does it work with non-square images?
Yes. "Crop to square" cuts a centered square out of the image, while "Fit whole image" scales the entire image to fit and fills the leftover padding with transparency or your chosen background color. Logos usually suit "Fit whole image"; photos suit "Crop to square".
Can I keep the background transparent?
Yes. Set the background to "transparent" and both the PNGs and the ICO are exported with alpha (no background), which blends nicely into tab and taskbar backgrounds. Pick a color instead if you want a solid fill such as white.
Will this .ico display in old Internet Explorer?
This .ico embeds PNG data, which every current browser (Chrome, Firefox, Edge, Safari) supports. Very old Internet Explorer versions (which only read the legacy BMP form) may not show it, but for modern sites this is rarely a concern.