HELP PLEASE: Can't get TikTok icon to show in footer

EatHappyGrub
Tourist
8 0 2

We hired an agency to create our website and unfortunately had to cut ties. I looked into our theme store to add our TikTok icon to our footer and noticed that they coded it in. So I copied their format, added our TikTok link and coded for TikTok. However, the icon will not show. If I replace the code "tiktok" with "instagram", "facebook" "youtube" "spotify" literally any other platform it produces the icon. However, it will not produce the TikTok icon as you can see where the blank space is. Can someone please help? Thank you! 

Social Coding Issue.JPG

0 Likes
PrateekTripathi
Shopify Partner
213 42 48

It may happens that font awesome library used within it is old one which is 4.7 and there is no tiktok icon within it. 

Further it will be good to use SVG instead of font awesome icons.

Thanks

For Design, Development and custom changes Hire Me.
If your problem solved then Like & Accept this Solution.
Email ID: technicalvishvas@gmail.com
0 Likes
MS-WEB-DESIGNER
Shopify Partner
2623 170 440

Dear @EatHappyGrub 

We will be happy to help with this.

0 Likes
EatHappyGrub
Tourist
8 0 2

Hi Vishvas, That makes total sense! Can you show me what the new code would be? Do I just change "fa fa" to "svg"? 

 

<div class="d-flex velaSocialFooter">
<a target="_blank" href="https://www.facebook.com/eathappygrub">
<i class="fa fa-facebook"></i>
</a>
<a target="_blank" href="https://www.instagram.com/eathappygrub/">
<i class="fa fa-instagram"></i>
</a>
<a target="_blank" href="https://www.tiktok.com/@eathappygrub?">
<i class="fa fa-play"></i>
</a>
<a target="_blank" href="https://www.youtube.com/channel/UC4TQPROX57gRVH6T3xjS3Og/">
<i class="fa fa-youtube"></i>
</a>
</div>

0 Likes
EatHappyGrub
Tourist
8 0 2

This question still needs help if anyone out there has coding experience and can help out, thank you! 

0 Likes