Favicon Generator
Create favicons from an image, text, or emoji. Download PNGs from 16×16 up to 512×512, plus an SVG version, and copy the HTML embed snippet in one click.
PNG · JPG · SVG · WebP supported (square recommended)
Result
What is a favicon?
A favicon is the small icon shown in browser tabs, bookmarks, search results, and mobile home screens. It is the smallest piece of branding your site has — and it measurably affects click-through rate from search results.
Recommended favicon set in 2026
- favicon.svg — Used by modern browsers (Chrome 80+, Safari 12+, Firefox 41+). Scales without quality loss and supports dark mode via CSS media queries.
- favicon-32x32.png — Standard browser tab fallback for environments without SVG support.
- apple-touch-icon-180x180.png — Used when iOS / macOS Safari users add your site to the home screen. The system rounds the corners automatically.
- android-chrome-192x192.png / 512x512.png — Referenced from your PWA manifest, used on Android home screens and splash screens.
HTML embed example
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-32x32.png" sizes="32x32">
<link rel="apple-touch-icon" href="/apple-touch-icon-180x180.png">FAQ
Are uploaded images sent to any server?
No. Everything is processed locally in your browser using the Canvas API. No data is transmitted externally.
Which sizes do I actually need?
At minimum, ship favicon-32x32.png (browser tabs), apple-touch-icon-180x180.png (iOS home screen), and an SVG favicon. For PWAs, add the 192 and 512 sizes for the manifest.
Why is there no .ico file?
Modern browsers (Chrome, Safari, Firefox, Edge) all support PNG and SVG favicons. ICO is a legacy format for old IE; since 2020, PNG/SVG is sufficient.
Can I use non-Latin characters in text mode?
Yes. CJK characters, Latin letters, and emoji are all supported. We recommend 1–2 characters since longer strings lose readability at 16×16.