To make a favicon, upload your logo (or type up to three letters or an emoji), pick a background colour, padding and corner rounding, and select Generate favicons. You get every file modern browsers and phones need, plus the HTML snippet to paste into your site’s <head>.
How to use the Favicon Generator
-
1
Choose a source
A square logo works best (PNG, JPG or SVG), or use letters/emoji.
-
2
Style it
Background colour or transparent, padding, rounded corners.
-
3
Generate and download
Download the ZIP and upload the files to your site root.
Features
-
Real multi-size ICO
One favicon.ico containing three sizes.
-
PWA-ready
Manifest and 192/512 px icons.
-
Letter and emoji icons
No logo needed.
Supported formats
Package contents: favicon.ico (16, 32 and 48 px), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 px), icon-192.png, icon-512.png, site.webmanifest and an HTML snippet.
Privacy and file handling
- Where it runs
- Runs in your browser
- File size limit
- 10 MB per file
Runs entirely in your browser. Your files and text are not uploaded to our servers.
Limitations
- Detailed logos become unreadable at 16 px — a simple mark or initials works best.
Frequently asked questions
What size should a favicon be?
Browsers use 16×16 and 32×32; phones use 180×180 (Apple) and 192/512 (Android). This package includes all of them.
Where do I put the files?
Upload them to your website’s root folder and paste the provided snippet inside <head>.
Is my logo uploaded?
No. Icons are generated in your browser.
Was this tool helpful?
Thanks for the feedback.
Last reviewed