Website Building » Squarespace » How Do I Add Custom Social Icons to Squarespace?

How Do I Add Custom Social Icons to Squarespace?

Last updated on October 1, 2022 @ 3:28 am

Custom social icons are a great way to spruce up your Squarespace website. You can use them to link to your social media profiles or to share your website with your friends and followers. Here’s how to add custom social icons to Squarespace:

1. Choose the icon you want to use

There are a few different ways you can get custom social icons for your website. You can find free icons online, or you can purchase premium icons from sites like GraphicRiver. Once you’ve found the icons you want to use, download them to your computer.

2. Upload the icons to Squarespace

Next, you’ll need to upload the icons to Squarespace. To do this, go to the Design tab and click on the “Custom CSS” option. Then, click on the “Files” tab and upload your icons.

PRO TIP: The following article contains instructions on how to add custom social icons to a Squarespace site. However, adding custom social icons is an advanced customization and is not supported by Squarespace. If you are not comfortable with code, we recommend working with a developer to make this change.

3. Add the code for your social icons

Once your icons are uploaded, you’ll need to add the code for them. This code will tell Squarespace where to find the icons and what size they should be.

You can find this code in the “Custom CSS” section under “Social Icons.” Copy and paste the code into the “Custom CSS” box.

4. Replace the defaulticons with your custom ones

The last step is to replace the default social icons with your custom ones. To do this, go back to the “Files” tab and click on “Replace File.” Choose your custom icon file and click “OK.” Your custom icon will now be displayed on your website!

Drew Clemente

Drew Clemente

Devops & Sysadmin engineer. I basically build infrastructure online.