Design & Generate

Create a minimal favicon in few simple clicks.


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.


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.


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="">

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="">

Terms of Use does not own images created by users. Images created on 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.