Design & Generate

Create a minimal favicon in few simple clicks.

Customize

Customize your favicon by choosing the text, font, shape, and colors


Preview your favicon in multiple sizes.
Design your favicon by adjusting the settings to design and customize your favicon.

Download your favicon in multiple formats.

Best Practices

Using the favicon generator


Design your favicon by adjusting the settings in the form above. As you customize your favicon a preview of the final product will be available in multiple sizes.

  1. Start by selecting the text for your favicon. We recommend using 1-3 characters for maximum legibility.
  2. Choose from 3 shape options: square, circle, and rounded.
  3. Select from hundreds of Google WebFonts. At low resolutions, sans-serif fonts are a great choice.
  4. Adjust the size of the text. A good rule of thumb is for the text to span 75% of the width of your favicon.
  5. Finally, select your font-color and background-color.

Installation

As easy as copy and pasting


Standard Installation

Place the ICO file in the root of your website directory. Modern browsers expect to see your favicon here and will automatically find it.

  • http://www.example.com/favicon.ico

PNG Installation

Modern browsers are able to use PNG files for favicons. Using a PNG requries the website to specify the path the PNG. Place the link tag below in the head of your website.

<link rel="icon" href="http://example.com/favicon.png">

Check Caniuse for up to date PNG favicon browser compatibility.

Custom Path Installation

If your favicon file is located in a directory other than the root directory you must specify the path in a link tag. Place the link tag below in the head of your website.

<link rel="icon" href="http://example.com/images/favicon.ico">

Terms of Use


Favicon.io does not own images created by favicon.io users. Images created on favicon.io may be used in your own projects or commercial projects. It is your responsibility to abide by the licensing agreements listed for each Google Web Font which can be found here.