Design

How to Generate a Favicon for Your Website

Use the Favicon Generator to create browser and PWA icons from text initials or an uploaded image.

Tool Used

Favicon Generator

Open tool
1

Choose Text or Image mode

Select the Text tab to generate a favicon from one or two initials, or the Image tab to upload an existing logo. Text mode is the fastest option for new projects.

2

Customize the text favicon

Type 1-2 characters, pick background and text colors using the color pickers, and select a shape: circle, rounded square, or square. The preview updates instantly.

3

Preview at multiple sizes

Check the preview at 16px, 32px, and 192px to ensure the icon is readable at browser tab size and sharp at PWA icon size.

4

Download the PNG files

Click Download 32×32 PNG for the standard browser favicon and Download 192×192 PNG for the PWA manifest icon. Both are standard sizes recognized by browsers and mobile devices.

5

Add the HTML snippet

Copy the generated HTML snippet and paste the link tags into your page's <head> element to connect the favicon to your site.

All done!

You are ready to use Favicon Generator like a pro.

Try it now
All guides