Favicon Generator
One square image in — every favicon size out: browser tab, iOS home screen, Android and PWA, plus the ready-to-paste HTML snippet.
Choose an image to generate all favicon sizes.
How to create a favicon set
Browsers, iOS, Android and PWAs each want their own icon size — shipping just one file means blurry tabs or a missing home-screen icon somewhere. This generator renders your image into every standard size at once and writes the matching link tags for you.
Upload a square image
512×512 or larger works best. Non-square images are center-cropped to a square automatically.
Download the sizes
Each size appears with a preview and its own download button, named favicon-16x16.png and so on.
Paste the snippet
Copy the generated link tags into your <head> and upload the PNGs next to your pages.
Why so many sizes — and what each one does
16×16 and 32×32 are the classic browser-tab icons; 48×48 serves legacy Windows shortcuts. Apple ignores standard favicons for home-screen bookmarks and wants a 180×180 apple-touch-icon instead. Android and installable web apps (PWAs) read 192×192 and 512×512 from the manifest. Design-wise, remember the 16-pixel test: a favicon is judged at its smallest size, so bold shapes and high contrast beat detailed logos — many brands use a simplified mark just for the favicon.
Frequently asked questions
Which favicon sizes does a website need?
The practical set: 16×16 and 32×32 for browser tabs, 48×48 for legacy Windows, 180×180 as apple-touch-icon for iOS home screens, and 192×192 plus 512×512 for Android and PWAs. This generator produces all of them.
What image should I start from?
A square image of at least 512×512 pixels with a simple, bold motif. Fine details vanish at 16 pixels — logos with heavy detail are better simplified for favicon use.
Do I still need a .ico file?
Modern browsers accept PNG favicons, so PNGs cover current browsers, iOS and Android. A classic favicon.ico in the site root remains a harmless fallback for very old clients but is no longer required.
Where do the favicon files go?
Upload the PNGs to your website (commonly the root or an /icons folder) and paste the generated link tags into the <head> of your pages, adjusting the paths if needed.