linkedin svg icon for jekyll page footer

linkedin-icon-for-jekyll-footer.html

{% if site.linkedin_username %}
<li>
  <a href="https://www.linkedin.com/in/{{ site.linkedin_username }}">
    <span class="icon  icon--linkedin">
      <svg viewBox="0 50 512 512" >
        <path fill="#828282" d="M150.65,100.682c0,27.992-22.508,50.683-50.273,50.683c-27.765,0-50.273-22.691-50.273-50.683
        C50.104,72.691,72.612,50,100.377,50C128.143,50,150.65,72.691,150.65,100.682z M143.294,187.333H58.277V462h85.017V187.333z
        M279.195,187.333h-81.541V462h81.541c0,0,0-101.877,0-144.181c0-38.624,17.779-61.615,51.807-61.615
        c31.268,0,46.289,22.071,46.289,61.615c0,39.545,0,144.181,0,144.181h84.605c0,0,0-100.344,0-173.915
        s-41.689-109.131-99.934-109.131s-82.768,45.369-82.768,45.369V187.333z"/>
      </svg>
    </span>

    <span class="username">{{ site.linkedin_name }}</span>
  </a>
</li>
{% endif %}

I get the icon working and such, and it links to my account, but I don't see my name displayed next to it like I do with my github account. The only differences are in "svg viewbox=", "path d=" but I'm not sure what each of these do so not about to go touching them. Is there something in the code that can change why this isn't displaying?

EDIT: I got it by piecemeal changing over the code from the default twitter source that I had in the template I used.

Thanks! This looks great :)

Thanks for the SVG source! 🙏 look like on line 14 it should also be site.linkedin_username cheers

Thanks, this works like a charm