How to Update Your Squarespace Browser Icon or Favicon (for Free With Canva)

I don’t know about you, but I personally love Squarespace websites that don’t look like other Squarespace websites. They all start to look the same after a while, because most people are using like the free templates offered by Squarespace to build their website. I’m Galen, the founder of Local Creative Co.

And today, I’m going to share with you one of, if not the simplest way, you can set your Squarespace website. Apart from every other site out there, this tip is going to give your website a more professional look and feel. And the best part is it takes less than five minutes to set up. If you’re wondering what I’m talking about, if that tiny little icon at the top of your browser bar called a favicon, and this is what it looks like, and unless you change it, it’s going to be this little black cube, which is a dead giveaway that your website was built with Squarespace, and that you didn’t take the extra steps to customize it.

The first thing you’re going to do is head over to Canva, which is a free design program and create a 300 by 300 pixel design. Once you’ve got this open, you can either drag and drop over your logo or any graphic elements of your site to create your own favicon. Or you can do what I’m going to do. And just click on the text icon here and add some text to my favicon.

Now, remember this is going to be extremely small at the top of your website. So anything you add here, can’t be really detailed and it’s gotta be big enough that you can see when it’s in the top of your browser. For example, this heading text is way too small, so I am going to replace it with my brand initials so it’s going to be a lot easier to read. Once I’ve got my initials, I’m going to enlarge them by dragging up on the corners of the text here. I’m gonna keep going. I’m gonna basically make it as big as I can make it while it’s still fits in that box. And then I’ll center it in the box as well. The next thing I’m going to do is change my color.

So I’m going to click over here and make this my brand colors. I’ve already uploaded all of my fonts and colors to Canva because I’m a Canva Pro user. If you’re using the free plan, you should be just fine. There’s tons of fonts already in canvas to choose from. You don’t necessarily need to update your own.

Another thing to keep in mind with the free version of Canva is that you can’t export your favicon with a transparent background. So you’re either going to keep the white background, or you can click on the background here and change the color to anything you like. I’m going to customize mine here a little bit by testing out, adding this circle.

Now drag it all the way to the edges. And then I’m going to send it backward. Let me go back to a white background and then a whoops, a blue circle here.

Great. I kind of like how that’s coming along. I’m going to also change the letter spacing here. Move those a little bit closer together. There we go. Now, it’s got my brand colors. Uh, I’ve got a nice little circle around it, because again, I do have Canva Pro, I’m going to click download up here, click transparent background and download this to my computer.

Once you’ve got your favicon downloaded to your computer. You’re going to click over to your Squarespace website, choose design, and then go down to your browser icon. I’ve already got one imported here. I’m going to trash this for the sake of this example. And then I’m literally going to click and drag my new favicon from my downloads folder.

Over to this section here and there it is. As you can see, mine has that little transparent background, which is the checkerboard background. That means when it shows up here, it’s going to show up as a circle. I’m going to hit save. If your browser icon doesn’t update right away, don’t worry. It can sometimes take a little while to show up.

Just sit back, relax. You finish the tutorial and you are one step closer to having a professional looking Squarespace website. If you enjoy this video, make sure to subscribe and let me know in the comments. Also, if you want to check out Canva Pro and all of the amazing features, as well as hundreds of premium stock photos to check the link around this video.

Thanks for watching. And I’ll see you next time.