Favicon Generator
Make a site icon from initials, an emoji, or your logo — ICO + PNG pack, nothing uploaded.
ZIP includes favicon.ico, all PNG sizes, and HTML link tags
Up to 3 characters show on the icon (e.g. DD, A, 42).
Browser sizes
Sponsored
Ad space
How to create a favicon
- Choose Text, Emoji, or Image as the source.
- Pick a shape (square, rounded, circle), colors, and padding. Check the 16px preview — that is what most tabs show.
- Download
favicon.icoand/or the Pack, then Copy HTML for the<link>tags. - Place the files in your site root (or public folder) and deploy.
Favicons that stay sharp in the tab
A favicon is tiny — usually 16×16 in the browser chrome. Busy photos turn to mud; high-contrast marks (two letters, a simple glyph, or a cropped logo with padding) read better. Generating sizes from a high-res master keeps edges cleaner when you scale down than stretching a single tiny PNG.
Need a React/Tailwind icon from SVG instead? Try SVG to JSX or SVG to Tailwind. Compressing or converting a photo first? Use the Image Compressor or Image Converter.
FAQ
What sizes should I download?
Use favicon.ico (includes 256/48/32/16) for classic browser tabs, favicon-32x32.png for modern browsers, apple-touch-icon.png (180×180) for iOS home screens, and 192/512 PNG if you also ship a web app manifest.
Is my logo uploaded?
No. Drawing and encoding run entirely in your browser. Images never leave your device.
PNG or ICO?
Ship both when you can: ICO for broad compatibility (/favicon.ico), plus PNG icons referenced from HTML. This tool builds a multi-size ICO (256/48/32/16) plus PNG exports.
Why does my emoji look different in the tab?
Browsers and OSes use different emoji fonts. Test the 16px preview — simple glyphs and letter marks usually hold up better than detailed emoji.
Can I use a transparent background?
Yes. Enable Transparent background. Rounded and circle shapes are masked so edges stay clean on any tab chrome.
Sponsored
Ad space