How To Add A Favicon To A Squarespace 7.1 Website

In todays video tutorial I’ll be going over how to add a favicon to a Squarespace 7.1 website. This is part of our Squarespace Basics series that’s geared to help beginners use the platform and gain confidence. I’m a big believer on using platforms that work best for you and your business which is why build websites for my clients on either WordPress DIVI, Shopify or Squarespace depending on their needs. (You can learn more about my services here).

Affiliate Disclaimer: Please note this post contains affiliate links. If you go through them to make a purchase, I will make a commission at no cost to you. Thanks for your support!

This video will go over where to add your custom favicon within Squarespace so your website can be on brand and look more professional. Your favicon should be 25px by 25px and either a PNG or JPG format. You’ll be able to easily upload your favicon to your Squarespace site after watching this video or following the step by step guide below. 

If you don’t know what a favicon is, read this blog post!

Get 10% off your first Squarespace subscription by clicking here & adding the promo code Partner10!


Watch the how to add a favicon to a squarespace 7.1 website

Steps to add a favicon:

1. Squarespace Dashboard > Design > Browser Icon

2. Drag and drop or upload your favicon

3. Click save 

4. Exit it and refresh, the new browser icon will show up!

5. You’re all done – told you it was easy! 🙂


Don’t Forget To

Pin Your Favorite

Hey, I’m Marci

I’m the web designer & developer and the woman behind Dragonfly Ave. I love sharing resources, tutorials, biz tips and so much more. Hope you enjoy!

Browse Categories






Shop Website Templates


Pin It on Pinterest