Make a favicon that still looks great at 16px. Create one from an image, text or emoji, preview it in real contexts, then download a production-ready pack.
Your images never leave your browser.
🔒 Your image never leaves this browser.
Design preview
How does it look tiny?
64px48px32px24px16px
Export
Download your favicon pack
Includes ICO, PNG, Apple, PWA manifest and install guidance.
Use these tags in the HTML document head.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
Favicon basics
More than a resized logo: a clear mark at real sizes.
ICO vs PNG vs SVG
ICO is broadly compatible. PNG serves specific sizes. SVG is only appropriate when the source is a true safe vector.
How to add a favicon
The downloaded pack includes HTML, Next.js and React/Vite guidance. Choose one installation method.
Dark mode tips
Check light and dark previews before export. A dark mark can disappear on dark browser chrome.
Google rendering
Google controls final favicon rendering. Keep the icon square, stable and crawlable; updates can take time.
FAQ
Favicon Generator FAQ
Browsers use 16×16 and 32×32 icons, Apple touch icons use 180×180, and PWAs use 192 and 512 pixels. This tool exports the full pack.
Yes. Choose an emoji and it is rendered into icons at every included size.
Copy the generated HTML snippet into your page's <head>. The download includes setup guidance too.
