Favicon Generator
Free favicon generator. Turn your logo into favicon PNGs, an ICO file, an Apple touch icon and a web manifest, with an HTML snippet. Download as ZIP.
The Apple touch icon always uses the background color, because iOS shows transparency as black.
Preview
HTML for your <head>
site.webmanifest
Runs in your browser — your files are not uploaded.
Create every favicon your website needs with this free favicon generator. Upload a square logo and get favicon PNGs, a multi-size ICO, an Apple touch icon and a web manifest — plus the HTML snippet — in one ZIP.
Key features of the Favicon Generator
- ICO plus 16, 32, 48, 192 and 512 px PNGs
- Apple touch icon with background color
- Web manifest for Android and PWAs
- Previews at tiny sizes
- Runs in your browser — nothing is uploaded to a server
How to use the Favicon Generator
- Upload a square image, ideally at least 512 × 512 pixels. PNG or SVG works best.
- Choose how non-square images fit, a background color and your site name for the manifest.
- Check the previews at small sizes — simple shapes read best at 16 pixels.
- Download the ZIP, upload the files to your site’s root folder and paste the HTML snippet into your <head>.
Why use the Favicon Generator?
A favicon is the small icon people see in browser tabs, bookmarks, Google search results and on phone home screens. A blurry or missing favicon makes a site look unfinished. Different devices request different sizes, so this generator creates the full set — 16, 32 and 48 pixel icons, a favicon.ico, a 180 pixel Apple touch icon and 192 and 512 pixel icons for Android — together with a site.webmanifest and ready-to-paste HTML. All processing happens in your browser.
Give your website, online store or web app a crisp icon in browser tabs, bookmarks, phone home screens and search results.
Tips for best results with the Favicon Generator
- Start from a simple, bold mark — detailed logos turn into blurry dots at 16 pixels.
- Use a square image of at least 512 × 512 pixels for crisp results.
- Pick a background color for the Apple touch icon that matches your brand.
- Clear your browser cache if the old favicon still appears after uploading.
Learn more: read our guide on SEO checklist for new websites, explore all free online tools, or see Google’s favicon guidelines.
Favicon Generator FAQs
I use WordPress. Do I need the HTML snippet?
Usually not. Go to Appearance → Customize → Site Identity → Site Icon and upload a 512 × 512 image; WordPress creates the main sizes for you. Use this generator when you need the full file set or a custom setup.
What image works best?
A simple, bold mark on a square canvas. Detailed logos and thin text become unreadable at 16 pixels, so consider using just your initial or symbol.
Why does the Apple touch icon have a background?
iOS shows transparent areas of home-screen icons as black, so the 180 pixel icon is filled with your chosen background color.
Why can’t I see my new favicon yet?
Browsers cache favicons heavily. Try a hard refresh or a private window. Search engines update favicons on their own schedule.
Where do I set the favicon in WordPress?
Go to Appearance → Customize → Site Identity → Site Icon and upload the 512 × 512 PNG. WordPress then creates the needed sizes automatically.
Does a favicon help SEO?
A clear favicon appears next to your site name in Google search results, which helps people recognize your brand and can improve clicks.