Social Links

<ul class="social">
  <li>
    <a href="https://www.facebook.com/GOODHQ">
      <svg class="icon" viewBox="0 0 24 24" width="24" height="24">
        <switch>
          <path d="M14.5,2c-1.4,0-2.5,0.4-3.3,1.2s-1.2,2-1.2,3.5v2.6H6.8v3.6h3.1V22h3.7v-9.1h3.1l0.5-3.6h-3.5V7 c0-0.6,0.1-1,0.4-1.3c0.2-0.3,0.7-0.4,1.4-0.4h1.9V2.1C16.5,2,15.6,2,14.5,2z"></path>
          <foreignobject>Facebook</foreignobject>
        </switch>
      </svg>
    </a>
  </li>
  <li>
    <a href="https://twitter.com/good">
      <svg class="icon" viewBox="0 0 24 24" width="24" height="24">
        <switch>
          <path d="M19.2,6.7c0.8-0.5,1.4-1.2,1.7-2.1c-0.8,0.5-1.6,0.8-2.5,0.9c-0.8-0.8-1.7-1.2-2.8-1.2c-1.1,0-2,0.4-2.7,1.1 s-1.1,1.7-1.1,2.7c0,0.3,0,0.6,0.1,0.9C10.3,9,8.8,8.6,7.4,7.9C6,7.2,4.8,6.2,3.9,5C3.5,5.6,3.3,6.3,3.3,7c0,0.7,0.2,1.3,0.5,1.9 c0.3,0.6,0.7,1,1.3,1.4c-0.6,0-1.2-0.2-1.8-0.5v0c0,0.9,0.3,1.8,0.9,2.5s1.3,1.2,2.2,1.3c-0.3,0.1-0.7,0.1-1,0.1 c-0.2,0-0.5,0-0.7-0.1c0.2,0.8,0.7,1.4,1.4,1.9s1.4,0.8,2.3,0.8c-1.4,1.1-3,1.7-4.8,1.7c-0.3,0-0.7,0-0.9,0c1.8,1.2,3.8,1.7,6,1.7 c1.4,0,2.7-0.2,3.9-0.7s2.2-1,3.1-1.8c0.9-0.7,1.6-1.6,2.2-2.5c0.6-1,1.1-1.9,1.4-3s0.5-2.1,0.5-3.1c0-0.2,0-0.4,0-0.5 c0.8-0.6,1.4-1.2,1.9-2C20.7,6.5,20,6.7,19.2,6.7z"></path>
          <foreignobject>Twitter</foreignobject>
        </switch>
      </svg>
    </a>
  </li>
  <li>
    <a href="https://www.linkedin.com/company/good-worldwide-llc">
      <svg class="icon" viewBox="0 0 24 24" width="24" height="24">
        <switch>
          <path d="M3,8.9v11.9h4V8.9H3z M6.6,3.8C6.2,3.4,5.7,3.2,5,3.2S3.8,3.4,3.4,3.8S2.8,4.6,2.8,5.2c0,0.6,0.2,1.1,0.6,1.5 S4.3,7.3,5,7.3h0c0.7,0,1.2-0.2,1.6-0.6s0.6-0.9,0.6-1.5C7.2,4.6,7,4.1,6.6,3.8z M20,10c-0.8-0.9-1.9-1.4-3.3-1.4 c-0.5,0-1,0.1-1.4,0.2c-0.4,0.1-0.8,0.3-1,0.5s-0.5,0.4-0.7,0.6s-0.3,0.4-0.5,0.7h0V8.9h-4l0,0.6c0,0.4,0,1.6,0,3.6s0,4.6,0,7.8h4 v-6.6c0-0.4,0-0.7,0.1-1c0.2-0.4,0.4-0.8,0.8-1c0.3-0.3,0.8-0.4,1.3-0.4c0.7,0,1.2,0.2,1.5,0.7c0.3,0.5,0.5,1.1,0.5,2v6.4h4V14  C21.2,12.2,20.8,10.9,20,10z"></path>
          <foreignobject>LinkedIn</foreignobject>
        </switch>
      </svg>
    </a>
  </li>
  <li>
    <a href="https://www.instagram.com/goodhq/">
      <svg class="icon" viewBox="0 0 24 24" width="24" height="24">
        <switch>
          <path d="M22,19.4c0,1.4-1.2,2.6-2.6,2.6H4.6C3.2,22,2,20.8,2,19.4V4.6C2,3.2,3.2,2,4.6,2h14.9C20.8,2,22,3.2,22,4.6 V19.4z M19.7,10.5H18c0.2,0.5,0.3,1.1,0.3,1.7c0,3.3-2.8,6-6.2,6c-3.4,0-6.2-2.7-6.2-6c0-0.6,0.1-1.2,0.3-1.7H4.2v8.4 c0,0.4,0.4,0.8,0.8,0.8h13.9c0.4,0,0.8-0.4,0.8-0.8V10.5z M12,8.1c-2.2,0-4,1.7-4,3.9c0,2.1,1.8,3.9,4,3.9c2.2,0,4-1.7,4-3.9 C16,9.8,14.2,8.1,12,8.1z M19.7,5.1c0-0.5-0.4-0.9-0.9-0.9h-2.3c-0.5,0-0.9,0.4-0.9,0.9v2.1c0,0.5,0.4,0.9,0.9,0.9h2.3 c0.5,0,0.9-0.4,0.9-0.9L19.7,5.1L19.7,5.1z"></path>
          <foreignobject>Instagram</foreignobject>
        </switch>
      </svg>
    </a>
  </li>
</ul>