Social link item 

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

      
  •           <a href="#" target="_blank" class="i-social-link">
  <div class="i-social-link__wrapper">
    <span class="icon  --lg">
      <img src="images/svg/facebook.svg"  loading="lazy">
  
  </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'"
    }
  }
}