Note: While our most popular guides have been translated into Spanish, some guides are only available in English.
Adding a favicon or browser icon

A favicon, or browser icon, is a small square image that displays next to a page's title in browser tabs and in other places across the web. Adding a custom favicon makes your site recognizable in a browser full of tabs or bookmarks.

All Squarespace sites start with our default cube favicon. If you leave it as-is, people who know the icon will recognize that you're part of the Squarespace community. You can replace it with your own image to better fit your site's brand.

Note: To add a favicon on the Cover Page-only plan (no longer offered), visit Finishing touches for a Cover Page plan.

Step 1 - Go to the Logo & Title panel

In the Home Menu, click Design, and then click Logo & Title.

Step 2 - Add a favicon

Scroll down to Browser Icon (Favicon) and then drag your image into the image uploader.

Note: You can also click the image uploader to open a file selection menu and then select a file from your computer.

Step 3 - Save

After your image uploads, click Save.

Note: We recommend clearing your browser cache and restarting your browser to see the favicon update. Browsers can be very persistent in holding on to cached favicons.

Best practices

Image resolution

Favicon images work best across all browsers when sized between 100px × 100px and 300px × 300px, though they display at 16px × 16px. These are the standard favicon dimensions. While some browsers support larger favicon files, all will support that size.

File format

We recommend using an .ico or a .png file as the favicon image. Keep in mind that some versions of Internet Explorer may have trouble displaying a .png as a favicon.

File size

Favicon image files can't exceed 100 KB.

Multi-version favicons

We don't currently support multi-version favicons. To upload your favicon correctly, use a single version of the image and remove other versions from the file.

Was this article helpful?
123 out of 168 found this helpful
Adding a favicon or browser icon