How to Make a Favicon
Create a favicon for your website from any image. Generate a multi-size favicon set in your browser in a few steps.
Turn any square image into a ready to deploy favicon set: multi-size ICO plus PNG icons, generated entirely in your browser.
How it works
The short answer
Turn a square image into a favicon set: a multi-size ICO for classic favicons plus PNG icons for modern screens. The generator here does it in your browser, and you add the link to your page head.
What a favicon set includes
A complete set has 16, 32 and 48 pixel ICO sizes plus 192 and 512 pixel PNGs for Android home screens and app icons. That covers every place your icon appears, from a browser tab to a phone home screen.
Start with a clean square
Favicons are tiny, so start with a simple, high contrast square image. Complex detail disappears at 16 pixels, so a bold mark works best, and a source at 256 by 256 or larger scales down cleanly.
Why ICO and PNG
Browsers still accept ICO for classic favicons, and modern browsers use PNG favicons with sizes for touch screens. Providing both ensures the right icon shows everywhere, which is why the generator outputs both.
Link it in your page head
Add a link tag pointing to the favicon file in your HTML head, such as an ICO or SVG reference. Browsers then load it for the tab, bookmarks and home screens automatically.
Keep it private
The generator runs entirely in your browser, so your logo is never uploaded while you make your favicon. That keeps your brand asset safe.
Frequently asked questions
What sizes should a favicon include?
16, 32 and 48 pixels for the ICO, plus 192 and 512 for Android home screens and app icons.
How do I make a favicon from a logo?
Open the favicon generator, upload your logo, and download the complete icon set.
Is ICO still needed?
Yes for classic favicons, though modern browsers also accept PNG favicons.
What makes a good favicon design?
A simple, high contrast mark with bold shapes. Detail that looks fine at full size disappears at 16 pixels.