How to add the LinkedIn icon to my footer and header?

Shopify Discussion

Topic summary

A user needs to add a LinkedIn icon to their Shopify store’s footer and header but encountered sizing and color issues when trying to repurpose the Tumblr icon code. Support suggested either a paid app or community help.

Key Challenge:

  • Implementation varies significantly by theme, making it an advanced customization
  • The user specifically needs the correct SVG code for LinkedIn to replace an unused social platform icon (like Tumblr)

Solution Provided:
Another user shared a working method for the Dawn theme:

  1. Create a new asset file called icon-linkedin.svg with the provided SVG code
  2. Locate social-icons.liquid file and replace icon-tumblr.svg with icon-linkedin.svg
  3. Add the LinkedIn URL in the theme settings under the Tumblr field

Additional Notes:

  • One responder suggested removing CSS classes mentioning “tumblr” or inline styles
  • Professional customization services were offered as an alternative
  • The issue remains theme-dependent and may require developer assistance for non-Dawn themes
Summarized with AI on October 30. AI used: claude-sonnet-4-5-20250929.
1

I have tried editing the code for Tumblr but the sizing and color of the LinkedIn icon is wrong. Contacted customer support and they said the only way to solve this was by installing a paid app or posting my question here and hoping for a response.

2

HI @Shannen_1 that varies wildly by themes so it’s an advanced theme customization to add that to themes not built to support adding arbitrary icons.

It may be as simple as making sure to remove any CSS classes that mention tumblr, or inline styles on the relevant elements.

But not everyone has your exact same setup, so site unseen you have to do it or hire someone.

If you need this customization fixed then contact me for services.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.

3

Thank you for your reply. In an ideal scenario I would switch out the ice of one of the other platforms that I do not use such as Tumblr. I would just need the svg code for LinkedIn which I am struggling to find.

4

If I could find the correct code for the LinkedIn icon I could.

5

I used this hack on the dawn theme.

  1. Create a new icon asset: icon-linkedin.svg paste this code:

  1. Go to: social-icons.liquid and scroll down to where you find ‘icon-tumblr.svg’ and replace it with ‘icon-linkedin.svg’

  2. Now go back to customize, theme settings and add your linkedin page link to the Tumblr field.