What is a favicon?

What is a favicon?


A favicon is a small image or collection of small images that are associated with a website or webpage. Favicons are displayed by a web browser next to the title of the website or webpage in the address bar, the browser tab, and the bookmarks bar.

Here are some favicons from a handful of popular websites.

Why do I need a favicon?


A favicon is a finishing touch that helps to differentiate your website from your competitors. Web designers commonly create a small version of the website logo that consistent with the branding of the website. The goal is to create a favicon that's easily identifiable when display in a browser tab or bookmarks bar.

Squarespace uses its logo as its favicon to stay consistent with the company's brand.

What is the size of a favicon?


Modern web browsers are flexible with sizing of your favicon, but they typically prefer 32x32 and 16x16 pixel favicons. For less commonly used web browsers the sizing varies. You can use the favicon generator to create a 1024x1024 pixel image if you need to create additional sizes.