Custom Social Media Icons

Code Toolkit
Written By Squarestylist Support

What You'll Create

Custom social media icons for platforms not included in Squarespace's default options. Add TikTok, WhatsApp, or any other platform using custom icon images.

The Problem It Solves

Squarespace's social links block has limited platform options and doesn't always include newer platforms like TikTok. This technique lets you add any social platform by replacing the default icon with your custom image.

Perfect For

Modern brands on TikTok, International sites needing WhatsApp, Niche platforms, Custom branded social icons, Multi-platform creators.

What Makes This Different

CSS targets social links by URL keyword (like 'tiktok' or 'whatsapp'), hides the default icon, and applies a custom background image. You simply upload your icon and point to it in the CSS. Works with both header and footer social links.

Details

  • Section Type: Classic

  • Code Type: CSS

  • Prerequisites: Custom icon image uploaded to Squarespace

  • Toolkit Title: Add Custom Social Link

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

  • The complete, copy-paste code

  • Video walkthrough explaining how it works

  • The principles behind the technique so you can customize it

  • Access to our private community for support

Get Access to Standout Squarespace →
Squarestylist Support
Previous

Custom Bullet Point Icons
Next

Rounded Pill Newsletter Form