Favicon Generator
Create complete favicon packages for websites
- Files never leave your device
- Runs in your browser
- Free, no sign-up, no watermark
Artwork
Preview
F
New Tab
F
New Tab
Actual pixels
Zoomed 16 px
Home screen
F
Files
- Rendering icons…
Paste into <head>
Upload the files to your site, then add these tags.
How to use Favicon Generator
Make a favicon without a design tool: type a few letters, pick an emoji, or choose an icon from eight open-source collections, then style the background and shape. You get the full package (ICO, PNG, SVG, Apple and Android icons, manifest) built in your browser.
- 1
Under Artwork, choose Letters, Emoji or Icon.
- 2
Type one to three letters and pick a Font and Weight, type or pick an emoji (Browse all emoji opens the full list), or search for an icon such as rocket or cloud and click it.
- 3
In Foreground, set the Color and Size; in Icon style, choose the Background, Shape, Corner radius and Padding.
- 4
Fill in Site details and the Output sizes, checking the light and dark tab previews and the Home screen preview.
- 5
Click Download package (ZIP), upload the files to your site, and copy the tags from Paste into <head> into your page.
Frequently asked questions
Is anything sent to a server?
No. Icons are drawn in your browser. Icon collections are loaded from XTools only when you open or search them, so the first time you use a collection you need a connection.
Which icon collections are included?
Lucide, Tabler, Material Design, Phosphor, Remix Icon, Carbon, Heroicons and Font Awesome Brands. Lucide loads first; while searching, Search all 8 collections downloads the rest once (about 13 MB).
Can I use the icons on a commercial site?
Each collection keeps its own open-source license, so check it before relying on an icon as your logo. Font Awesome Brands are other companies' logos and should not be used as your own brand.
Why does my emoji look different on another computer?
Emoji and letters are drawn with your device's fonts, so the PNG and ICO files show your system's emoji style. favicon.svg keeps them as text, so each visitor's browser draws them with its own fonts.
How many letters can I use?
One to three works best; the field accepts up to four characters. Longer text shrinks to fit the icon, and Chinese or Japanese characters work too.
Can the favicon have a transparent background?
Yes, set Background to None. The Apple touch icon and maskable icon still get a white square, because home screens do not show transparency.