Favicon Generator
Generate favicons at the sizes browsers expect from a single image. Output as PNG files (16, 32, 48, 64, 180) and a multi-size .ico. Copy the HTML snippet for <head>.
One image, five favicons
Browsers and platforms ask for different favicon sizes. Modern best practice is to ship a few PNGs plus a .ico fallback and let the browser pick.
logo.png (512×512)
favicon-16.png favicon-32.png favicon-48.png favicon-64.png favicon-180.png favicon.ico
What you'll use this for
Every web project needs a favicon. This tool gives you the right sizes from one upload.
New websites
Drop in your logo and ship a complete favicon set in under a minute.
Branding refresh
Update icons across browsers, tabs, and bookmarks when you rebrand.
PWAs
The 180×180 Apple touch icon doubles as a home-screen icon on iOS.
Internal tools
A real favicon makes dashboards easy to spot in a wall of tabs.
How to generate a favicon
Upload a square image
PNG or SVG works best. 256×256 or larger gives the cleanest downsamples.
Check the previews
The tool renders your image at each target size so you can confirm it still reads at 16×16.
Download the files
Grab all PNGs in one click, plus the .ico fallback.
Paste the HTML snippet
Drop the generated <link> tags into your <head>.
Frequently asked questions
Different browsers and platforms pick different sizes. 32×32 covers most tabs; 180×180 is Apple's touch icon.
This tool embeds 32×32 in the .ico for simplicity. For multi-size .ico use a dedicated desktop tool.
Yes. No signup, no limits, no ads. Runs entirely in your browser.
PNG or SVG works best. ≥ 256×256 source gives the cleanest downsamples.
Drop the PNGs and .ico into your site root; add the HTML snippet to <head>.
About favicons
The favicon — short for "favorites icon" — is the tiny image browsers show in tabs, bookmarks, history, and home-screen shortcuts. Internet Explorer 5 introduced it in 1999 as a single favicon.ico in the site root. Since then it's grown into a small zoo of sizes and formats.
Browser support
- Chrome / Firefox / Edge — prefer PNG at the size matching the device pixel ratio (often 32×32).
- Safari (iOS) — looks for
apple-touch-iconat 180×180 for the home screen. - Older browsers — fall back to
/favicon.icoin the site root.
Modern best practices
- Ship at least 16×16, 32×32, and 180×180 as PNG.
- Keep a favicon.ico at the site root for legacy crawlers and old browsers.
- Use a simple shape — anything detailed becomes mush at 16×16.
- Test on a dark tab bar: thin outlines can disappear in dark mode.