How To Change Favicon On Squarespace Less Than 1 Minute

We may earn a commission at no extra cost if you purchase through links on our site based on our unbiased reviews and recommendations. Learn more here.

Written By:

Issam Ou

, Website Developer and SEO Specialist

Update on:

how to change favicon on squarespace

A Squarespace favicon, or browser icon, is a small image that appears in browser tabs next to your page title and in search results beside your page title.

Squarespace Favicon

Change favicon on squarespace (browser icon) is important because you need to add your custom one that makes your website recognizable, that will help your visitors remember your website. 

Changing favicon on squarespace is a simple thing that you can do. That what I will guide you through in this article. I will show you how to add favicon on squarespace and how to create one using a free tool called Canva and what is the appropriate Squarespace favicon size that you should use.

If you already have the right favicon with the right size for your website, you can follow the tutorials directly how to change favicon on squarespace and You can keep reading to know how to create a Squarespace favicon for your site with the appropriate size that you should use for a Squarespace favicon.

How To change favicon on squarespace

To add or change favicon on squarespace from your dashboard in squarespace, choose settings, then click on Website, and from the menu, scroll down and choose Favicon.

On the next page here, you can upload your favicon image as well. Squarespace gives you the option to upload a favicon that shows in dark mode, which is something recommended to do. After you upload your favicon image, click on Save above in the corner.

Without the right size and format, your Squarespace favicon might not show in the browser tab or in the search results beside your page title. Make sure to use the right size while you are creating your favicon in the next step.

I will show you how to create a Squarespace favicon that meets the search engine favicon’s size and format. 

How To Create Squarespace Favicon With Canva Free

If you don’t have a favicon for your Squarespace website, you can create Squarespace Favicon with Canva for free. Enter to canva.com and create your account; you can just sign up directly with Gmail.

After you create your account, click on Create a Design.

How To Create Squarespace Favicon With Canava For Free step 1

Then click on Custom Size

How To Create Squarespace Favicon With Canava For Free step 2

The best Squarespace favicon size is 100×100 px and 300×300 px. Some browsers support large sizes. If you worry that your image will not appear in high quality, you can choose a size of 512×512 px.

After you click on the custom size In the custom size height and width, write down your favicon size and choose pixel format, then click on Create New Design.

How To Create Squarespace Favicon With Canava For Free step 3

The next step is to upload your website logo that you want to put as a Squaresapce Favicon in the left sidebar from canva dashboard Click on Upload and Choose your logo.

Make sure that your logo is in the shape of a square, which can fit the favicon size and show clearly in the browser tab and search results. If your website logo is a long text or text with an image, I recommend using Canva to edit by just separating your logo text, each name in a new line, and making them a little bit bigger until they fit the favicon size.

The other option is to use just your logo icon; for example, if your website is about food, use a cake icon as an example and increase the size of it until it fits the favicon size.

How To Create Squarespace Favicon With Canava For Free step 4

After you upload your logo to Canva, drop it inside the image that you will use as a Squarescape favicon, then increase the size of it until it fits the favicon image size.

How To Create Squarespace Favicon With Canava For Free step 5

The last step of creating a Squarespace favicon with Canva is downloading your image favicon after finishing. Click on share and choose the file type that you want for the image. I recommend choosing PNG, which will save your image with high quality, but the image background will still be white or the color that you choose. To remove the background and keep just your logo, you need CANVA PRO, but don’t worry; I have a free solution for you. Use this website; it is simple: just upload your image, then your image background will be removed automatically, and download it as simple.

How To Create Squarespace Favicon With Canava For Free last step

After downloading your Squarespace favicon from Canva, follow the tutorial above about how to change favicon on Squarespace. That was all about how to change your favicon on Squarespace. It is as simple as I told you if you still want to make any changes on your Squarespace. Website or redesign something and want an expert web designer to change your favicon on Squarespace or create one for you and improve your website design, SEO, and performance.

Check my service below about redesign and design Squarespace website. I am offering any services you are looking for, Squarespace websites with affordable pricing, and if you come from here, I will give you a huge discount.

(Call to action for service)

Related Posts:

Best Squarespace Blog Templates

Best Squarespace Website Examples to Inspire Your Next Project

How to add logo to squarespace site 2025

Issam Ou

, Author

I’m Issam Ou, a WordPress website developer with + 3 years of experience. I specialize in Website Management, such as web hosting, domain integration, website migration, fixing bugs, optimizing speed and security, and SEO optimization.

Leave a Comment