Free online tool

Free Online Favicon Generator

Make your website recognizable with a custom favicon. Create an icon using text, colors, shapes or your own image, then preview and download it in seconds.

Customize your favicon

Use up to 4 characters for the clearest result.
#6558D9
#FFFFFF
Shape
Square 18% Rounded
Smaller 62% Larger
Uploaded images are cropped to fill the favicon.

Live preview

Preview at different sizes
16 × 16 Browser tab
32 × 32 Standard
48 × 48 Windows
180 × 180 Apple touch
My Website
HTML installation code
Tip: Save your downloaded PNG as favicon.png in your website's root folder. The installation snippet assumes that filename. SVG export is available for text-and-shape designs; uploaded images can be downloaded as PNG or ICO.

How to create a favicon for your website

A favicon is the small icon associated with a website. It can appear in browser tabs, bookmarks and other browser interfaces. A recognizable favicon helps visitors identify your website more easily.

1. Customize your icon

Enter a letter or short initials, choose your background and text colors, select a font, and adjust the shape and text size. You can also upload your own PNG, JPG or WebP image.

2. Preview different icon sizes

Check how your design looks at 16 × 16, 32 × 32, 48 × 48 and 180 × 180 pixels. Simple designs with strong contrast tend to remain clearer at smaller sizes.

3. Download and install your favicon

Download the format you need and place the file in your website's appropriate directory. For a PNG favicon saved as favicon.png, add this line inside your page's HTML <head> element:

<link rel="icon" type="image/png" href="/favicon.png">

Update the filename and path if you save your icon somewhere else. You may need to clear your browser cache before a changed favicon appears.

Which favicon format should you use?

This free favicon generator runs in your browser. Your uploaded image is processed locally by the tool rather than sent to a server by this page's JavaScript.