Create & Add Custom Favicon to Squarespace 7.0 & 7.1

by Jeremiah Svaren | Last Updated: March 11, 2022 •  2 min read

Tutorials » Squarespace

Are you tired of seeing that lame gray cube in the browser tab of your Squarespace website?

I bet your website visitors are tired of seeing that too!! So let’s update that Favicon on your Squarespace site so that your website can stand out from the crowd.

If you are more of a visual learner, check out the video tutorial below, otherwise read on!

Not only does a custom Favicon help make your website stand out in a crowded bookmarks folder, but the icon can also really help your brand stick in the minds of your customers.

Also where the heck does the word Favicon come from? Well, it comes from the icon that is visible in your web browser’s favorites. The icon also shows up next to URLs in some search results!

I should also mention that the most common file type for a Favicon is called ICO. This is a special file type that web browsers can use to create different sizes on the fly. This ICO file will make sure that your Favicon looks sharp and crisp across all devices. The last thing you want is for your Squarespace Favicon to look blurry!

Create Your Browser Icon

Maybe you don’t have a Favicon for your Squarespace website… YET!

The easiest & quickest tool to create a simple Favicon is Favicon.io
Use this free online tool to either upload a PNG image to convert OR transform text to ICO

Upload Your Favicon In Squarespace 7.1

1. Log in to your Squarespace backend settings
2. Go to “Design”
3. Click “Browser Icon”
4. Click “Add a favicon”
5. Select your Favicon and click “save”

Upload Your Favicon In Squarespace 7.0

1. Log in to your Squarespace backend settings
2. Go to “Design”
3. Click “Logo & Title”
4. Scroll down to “Browser Icon (Favicon)”
5. Click “Add a favicon”
6. Select your Favicon and click “save”

Ta-da!

Your website now looks even more professional!

If you are looking to get more out of your Squarespace site, check out our other Squarespace tutorials.

Jeremiah Svaren wears just about all the hats at Svaren Web Studio. He started getting into web design and development back in 2013. First starting to learn on his own with books and tutorials, then in 2014 he attended The Tech Academy in Portland, Oregon. He learned all about software engineering and decided to start freelancing. Now when he isn't helping clients, he makes helpful content here and on his YouTube channel Svaren.