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

[Shannen]

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. 

[PaulNewton]

HI @Shannen 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.

[Shannen]

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.

[Shannen]

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

[Koufta]

I used this hack on the dawn theme.

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

<svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" class="icon icon-youtube" viewBox="0 0 28 28"><path fill="currentColor" fill-rule="evenodd" d="M 7.5 5 C 6.132813 5 5 6.132813 5 7.5 L 5 24.5 C 5 25.867188 6.132813 27 7.5 27 L 24.5 27 C 25.867188 27 27 25.867188 27 24.5 L 27 7.5 C 27 6.132813 25.867188 5 24.5 5 Z M 7.5 7 L 24.5 7 C 24.785156 7 25 7.214844 25 7.5 L 25 24.5 C 25 24.785156 24.785156 25 24.5 25 L 7.5 25 C 7.214844 25 7 24.785156 7 24.5 L 7 7.5 C 7 7.214844 7.214844 7 7.5 7 Z M 10.4375 8.71875 C 9.488281 8.71875 8.71875 9.488281 8.71875 10.4375 C 8.71875 11.386719 9.488281 12.15625 10.4375 12.15625 C 11.386719 12.15625 12.15625 11.386719 12.15625 10.4375 C 12.15625 9.488281 11.386719 8.71875 10.4375 8.71875 Z M 19.46875 13.28125 C 18.035156 13.28125 17.082031 14.066406 16.6875 14.8125 L 16.625 14.8125 L 16.625 13.5 L 13.8125 13.5 L 13.8125 23 L 16.75 23 L 16.75 18.3125 C 16.75 17.074219 16.996094 15.875 18.53125 15.875 C 20.042969 15.875 20.0625 17.273438 20.0625 18.375 L 20.0625 23 L 23 23 L 23 17.78125 C 23 15.226563 22.457031 13.28125 19.46875 13.28125 Z M 9 13.5 L 9 23 L 11.96875 23 L 11.96875 13.5 Z"/></svg>

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

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