How to Create a Favicon (ICO + PNG Pack) Free
A favicon is the tiny icon in the browser tab — small, but it makes a site look finished and trustworthy. The Favicon Generator turns any image into a complete favicon pack, including favicon.ico, PNGs for every size, an Apple touch icon, a web manifest and the HTML to paste in, all in your browser.
What's in a modern favicon set
Browsers and devices want several sizes: a favicon.ico and 16x16/32x32 PNGs for tabs, a 180x180 Apple touch icon for iOS home screens, and 192x192/512x512 icons referenced by a web manifest for Android and progressive web apps. A complete set covers them all.
How to create a favicon
- Open the Favicon Generator and add a square image (512x512 or larger works best). 2. It generates the full pack — favicon.ico, PNGs, Apple touch icon, manifest and snippet. 3. Download the zip and copy the HTML into your site's <head>. Everything runs in your browser.
Adding it to your site
Unzip the pack into your site's public root, then paste the provided <link> tags into the <head> of your HTML. To produce a clean source image first, crop it square with the Image Cropper. Explore more free developer tools for the rest of your setup.
Try the tool from this guide
Favicon Generator
Generate favicons, ICO and a web manifest.
Open Favicon GeneratorFrequently asked questions
How do I make a favicon from an image?
Open the Favicon Generator, add a square image, and download the pack — favicon.ico, PNGs, an Apple touch icon, a manifest and the HTML snippet.
What image size should I use?
A square image of at least 512x512 pixels gives the sharpest results across all the generated sizes.
Does it create a favicon.ico?
Yes. The pack includes a favicon.ico plus PNGs for every common size and a web manifest.
Is my image uploaded?
No. The favicons are generated in your browser, so your image never leaves your device.
Share this article
Send it to a teammate or save the link for later.
