Why favicon.io?
Whether you want to generate a favicon from text, from an
existing image, or from an emoji we've got you covered. The
favicon generator is completely free and extremely easy to use.
The generated favicon will work for all browsers and multiple
platforms.
Getting started with the favicon generator
The tool above will allow you to generate a favicon from text.
Start by choosing one to two letters for the favicon generator.
Since the favicon generator outputs very small images it's
important to use few characters for maximum legibility. Once
cool feature with this favicon generator is that you can copy
and paste both unicode characters and emojis into the text box.
This is useful for when an emoji isn't listed on the emoji
favicon page.
Here's an example keeping it 💯
Making the background simple
Next, select the shape of the background. There are three simple
shapes available: square, circle, and rounded. These are the
most common shapes used to generate a favicon. You can see
examples of these shapes with
ProductHunt,
IndieHackers, and
HackerNews.
Selecting the font for your favicon
The favicon generator uses
Google Fonts
which has 800+ fonts available. This is useful to match the font
used on your own website. In the future there will be a
dedicated font page to help you select your font. It will have
filters for languages, styles, and commonly used fonts. You can
edit the font size once you've selected your font. Try to take
up as much space as possible.
Tailoring the colors
The last step is to select the colors. If you have the HEX
values of the colors you want then you can just enter them into
the input box. Otherwise you can use some of the colors that we
suggest using the color picker below each input box. One cool
feature is that you can use transparent backgrounds. Simply type
"transparent" into the background color box.
Here's an example of a favicon generated with a transparent
background .