How to add Tiktok icon alongside the rest of the social buttons (Using Shopify Turbo theme)?

New Member
3 0 0

Hey all,


I'd like to add a Tiktok logo to the rest of the social media icons. Basically, the theme already comes with some built in social icons for a number of different platforms, unfortunately, tiktok isn't one of them 😞

These tend to appear in both the header and footer of the website. I'm assuming I'm going to have to tinker around with the code, which is fine, just need some advice on how to go about doing this. 


Thanks in advance!



Replies 5 (5)
Shopify Partner
2703 506 685


It's certainly possible to achieve what you are after, but it would require some custom coding, I'm afraid that there is no simple copy/paste solution.

Perhaps someone around here will be kind enough to devote their time to get it coded in for you, however if it's something you would like to get done quickly you'd be better off hiring a dev to code it in or double check whether Out of The Sandbox can custom code it in for you.

Kind regards,

New Member
3 0 0

Thank you for your reply. 


That isn't ideal. It's quite disappointing actually. I'm beginning to find restrictions for something I feel should be relatively straightforward. That said, I'll try to contact out of the box and see if they can help. 

I appreciate your input however!



18 0 0

HI Dollies40,


Any luck with contacting support?

Shopify Partner
4206 303 899

@Cosmichealing use search "add tiktok icon" "add social icon" etc 

Implementation will vary wildly based on theme and image formats.


Or contact someone to buy the customization.

Finally Combinable Discounts - EARLY ACCESS ONLY - Use Free Shipping With Other Discounts

Answers powered by coffee Buy Paul a Coffee for more answers or donate to
Problem Solved? ✔Accept and Like solutions to help future merchants
Confused? Busy? Buy a custom solution
Shopify Partner
1 0 0

Hi @Dollies40 I've added the Tiktok icon for one of our clients (, so here is the easiest way to do it:

Go to your Shopify Backend, Online Store -> Themes -> Actions -> Edit code.

Then search for 'social' and click on the social-icons.liquid file. (See screenshot bellow)
Add the following code snippet wherever you want the Tiktok logo to be seen:

<li><a href="YOUR TIKTOK URL" title="YOUR TITLE" rel="me" target="_blank" class=""><img src="THE TIKTOK ICON URL FROM YOUR SHOPIFY SETTINGS" style="
width: 20px;

To get your Tiktok icon link, simply go to your admin dashboard: Settings -> Files -> And then add your Tiktok png file (should be 100px square). Then copy and paste the link in the code snippet.

And you're good to go!

Our agencies: and