If you have a Squarespace website, you may have noticed the black square or black box that sits on the browser tab. This is called a browser icon or favicon, and there is an easy way to change it in your Squarespace settings.

The favicon, that tiny square icon displayed in the browser tab, might seem like a small detail, but it can make a significant impact on your website’s overall aesthetic. Without customization, Squarespace websites default to a plain black box as the favicon.

Check out the quick video below 👇

How to change the browser icon in Squarespace:

Step 1: Accessing Settings

To begin the customization process, navigate to your Squarespace website and locate the Settings tab.

Step 2: Finding the Favicon Tab

Once in the Settings tab, look for the Favicon tab. This is where the magic happens and you add a new image to be your website’s browser icon/

Other note: Dark Mode Option

This feature allows you to choose how your favicon appears when the browser tab is set to a dark background. You can have a different version of your icon specifically designed for this scenario, ensuring optimal visibility and aesthetic appeal.

Good luck!



Ready for more?

Be sure to check out and subscribe to my YouTube channel. You can also view SkillShare courses (and a free two-week trial) here.

As always, I’m available to help troubleshoot or implement the tech pieces of your business

Send an email ➡️ hello@kcocreative.com

Request a quote ➡️ https://www.kcocreative.com/quote-your-project/

Book a free exploratory call ➡️ https://www.kcocreative.com/exploration-call/