Social link item 

  •         {% include "@Components/items/social-link-item/social-link-item.twig" with {
    props: {
      title: "Facebook",
      href: "#",
      icon:{
        src: "svg/facebook.svg",
        size: "lg"
      }
    }
  }
%}

      
  •           <a href="#" target="_blank" class="i-social-link">
  <div class="i-social-link__wrapper">
    <span class="icon  --lg">
  <svg xmlns="http://www.w3.org/2000/svg" width="19.5" height="19.5" viewBox="0 0 19.5 19.5">
  <g id="Social_Media_Facebook" data-name="Social, Media/Facebook" transform="translate(-2.25 -2.25)">
    <g id="Group" transform="translate(0 0)">
      <path id="Path" d="M4.5,0h9A4.5,4.5,0,0,1,18,4.5v9.009A4.5,4.5,0,0,1,13.5,18H4.5A4.5,4.5,0,0,1,0,13.5v-9A4.5,4.5,0,0,1,4.5,0Z" transform="translate(3 3)" fill="none" stroke="#0062ab" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
      <path id="Path-2" data-name="Path" d="M0,.5H5.4" transform="translate(11.1 12.4)" fill="none" stroke="#0062ab" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
      <path id="Path-3" data-name="Path" d="M3.6,0H2.655A2.655,2.655,0,0,0,0,2.655V12.6" transform="translate(12.9 8.4)" fill="none" stroke="#0062ab" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
    </g>
  </g>
</svg>

  </span>
    <span>Facebook</span>
  </div>
</a>

Schema 

    {
  "props": {
    "title": {
      "type": "string",
      "description": "Title of the component"
    },
    "href": {
      "type": "string",
      "description": "Href of the component"
    },
    "icon": {
      "type": "object",
      "description": "All props are documented by the core 'icon'"
    }
  }
}