Favicon Generator
Turn one image into a complete favicon pack: a real multi-size ICO (16, 32 and 48 in a single file), an apple-touch icon, the android-chrome PNGs, a web app manifest and the exact HTML to paste. Everything is built in your browser, nothing is uploaded.
Drop an image here
Your image stays on your device. Nothing is uploaded.
Drop or choose an image to build your favicon pack.
What this tool does
Drop in a logo, an icon or any square image and this tool grows a full favicon pack from it. The centerpiece is a genuine multi-image favicon.ico: the 16, 32 and 48 pixel versions live inside one .ico file, exactly like the classic favicon browsers still ask for, not a single PNG renamed with an .ico extension. Around it you get the apple-touch icon for iOS home screens, the android-chrome PNGs a web app manifest expects, the site.webmanifest itself and the precise block of HTML to paste into your page head. You can download each file on its own or grab the whole pack as one zip. Every step runs in your browser with plain canvas and JavaScript, so your image never leaves your device and there is no upload, no queue and no size limit.
Getting the source image ready first? Resize it with the Image Resize tool or change its format with the Image Converter, then come back and generate the pack.
What you can use it for
- Ship a proper favicon.ico that holds 16, 32 and 48 pixel versions in one file, the way browsers and search engines expect.
- Generate the apple-touch icon and android-chrome PNGs a modern site needs, all from a single source image.
- Get a ready made site.webmanifest and the exact head HTML so you can wire up icons without hunting through documentation.
- Turn a logo into a favicon in seconds, privately, without uploading it to a third party server.
- Download the complete pack as one zip and drop it straight into your project root.
How to use it
- Drop an image onto the box, or click to choose one from your device.
- Pick a background: keep it transparent, or fill it with white or a custom color for square icons.
- Check the previews at each size, then set your app name for the web manifest.
- Download the multi-size favicon.ico on its own, or grab the whole pack as a zip.
- Copy the HTML into your page head, add the files to your site root, and you are done.
Everything runs inside your browser. No file is uploaded to any server. See more tools in this field.
Pairs well with
Other tools people reach for in the same flow.
Related tools
ImageResize Image Online (PNG, JPG)
Resize images online to any dimensions, with an optional aspect ratio lock. Works with PNG, JPG and WebP, free and in your browser.
Image Converter: PNG, JPG, WebP
Convert images between PNG, JPG and WebP online, in either direction. Fast, free and entirely in your browser, no upload needed.
Compress Image (JPG, PNG, WebP)
Compress JPG, PNG and WebP images online to reduce file size without losing visible quality. Free, fast and in your browser, no upload.
Image to Base64 Converter
Convert an image to a Base64 data URL, or turn a Base64 string back into an image. Both ways, free and in your browser, no upload.
Frequently asked questions
Is this a real multi-size ICO or just a renamed PNG?
It is a real ICO container. The tool builds a proper .ico file whose directory holds the 16, 32 and 48 pixel images, each stored as its own entry with the correct offsets and sizes. That is the format browsers have expected for favicon.ico for years, and it is where most single-image generators cut corners.
Is my image uploaded anywhere?
No. The image is decoded, rescaled and packed entirely in your browser with plain canvas and JavaScript. Nothing is sent to a server, which is why there is no upload wait and no size limit.
Which files do I get?
A multi-size favicon.ico, favicon-16x16.png and favicon-32x32.png, an apple-touch-icon.png at 180 pixels, android-chrome PNGs at 192 and 512 pixels, a site.webmanifest and a pasteable HTML snippet. You can download them one by one or all together as a zip.
What size and format should the source image be?
A square image works best, ideally 512 pixels or larger so the big icons stay sharp. PNG, JPG, WEBP and GIF all work. A non-square image is fitted inside the square and centered, with your chosen background filling the rest.
Where do I put the files and the HTML?
Place the files in your site root so they resolve at paths like /favicon.ico and /site.webmanifest, then paste the HTML block into the head of your pages. The links point at those root paths, so once the files are in place the icons just work.