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.
Ready for more?
As always, I’m available to help troubleshoot or implement the tech pieces of your business
Send an email ➡️ firstname.lastname@example.org
Request a quote ➡️ https://www.kcocreative.com/quote-your-project/
Book a free exploratory call ➡️ https://www.kcocreative.com/exploration-call/