Adding a favicon or browser icon

Represent your brand with a custom favicon.

Last updated January 8, 2025

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.

KB Guide Image

Watch a video

Add a favicon

To add a favicon:

  1. Open the Favicon panel.
  2. Drag your image into the image uploader, or click the uploader to choose a file from your computer.
  3. (Optional) Add an alternate version of your favicon that displays when visitors view your site in Dark Mode. It's not possible to add a Dark Mode favicon without first adding a default favicon. 
  4. After your images upload, click Save.

If your favicon doesn't update right away, we recommend clearing your browser cache and restarting your browser. Browsers can be very persistent in holding on to cached favicons.

Favicon display

Your favicon displays differently across browsers and devices:

  • In Safari, the favicon appears when you click the address bar or if you open multiple browser tabs.
  • Usually, the favicon doesn't display on mobile browsers.
  • Your favicon may display next to your site in search results.

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.

Search engines that display your favicon in search results may have their own requirements. For example, Google requires that your favicon be a multiple of 48px square, like 48x48px, 96x96px, 144x144px and so on. To ensure your favicon displays in search results, find the search engine's recommendations for favicon display and set your image to meet those requirements.

File format

We recommend using a .png file as the favicon image. We don't support uploading .ico files.

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.

Footer Image
  • Get help from our community

  • Get help from our community on advanced customizations.

  • Hire a Squarespace Expert

  • Stand out online with the help of an experienced designer or developer.