Free Web Design & SEO Crash Course!
Streamline your website to get more appointments booked, products sold, and grow your business!

By entering your email address you agree to receive emails from Svaren Web Studio. You can unsubscribe at any time.

Create & Add Custom Favicon to Squarespace 7.0 & 7.1

by Jeremiah Svaren | Last Updated: October 27, 2021

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!!

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

How To Add Favicon To Squarespace 7.1 | Create Browser Icon For Free

Subscribe to our YouTube Channel

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,

Create Your Browser Icon

Maybe you don’t have a Favicon… 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 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”
Have You Outgrown Squarespace?
Graduate Squarespace Course

Ready to take your website to the next level? Take the step today to move your website to a future proof platform that is built for speed & scale.

Upload Your Favicon In 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.

Free Web Design & SEO Crash Course!
Get more customers, and grow your business!

By entering your email address you agree to receive emails from Svaren Web Studio. You can unsubscribe at any time.

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.