All the favicon files, done right
A favicon appears in browser tabs, bookmarks, search results on mobile and on phone home screens — and each place wants a different file. This generator creates the full modern set in one ZIP: a multi-size favicon.ico (16, 32 and 48 px), 16 and 32 px PNGs, a 180 px Apple touch icon, 192 and 512 px Android icons and a site.webmanifest.
Start from your logo (square PNG or SVG works best) or type one or two letters or an emoji and choose the colours. Preview how it looks in a browser tab and on an iPhone home screen before you download, then copy the ready-made HTML snippet into your site's head.
How to create a favicon
- 1
Choose the source
Upload a logo, or switch to text/emoji and type your letters.
- 2
Style it
Set background, padding and rounded corners; for text, pick the font and colours.
- 3
Check the preview
See the icon at 16, 32 and 64 px and on a phone home screen.
- 4
Download and install
Unzip the files into your site's root folder and paste the HTML snippet.
Key features
Real multi-size ICO
One favicon.ico containing 16, 32 and 48 px images.
Complete package
PNG icons, Apple touch icon, Android icons and web manifest.
Text and emoji favicons
Create an icon without a logo.
Ready-to-paste HTML
Copy the exact link tags you need.
Common uses
- New websites: Replace the default framework icon with your brand.
- Blogs and portfolios: A letter-mark favicon in your brand colour.
- Web apps: Home-screen icons for Android and iPhone.
Tips and good to know
- At 16 px, detail disappears. Use a simplified logo mark or one or two letters.
- Apple touch icons can't be transparent — the generator fills them with your background colour automatically.
- Google shows favicons next to mobile search results; a clear, recognisable icon can improve clicks.
- Converting an SVG logo first? See SVG to PNG.