<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M19.952 15.2983C19.8206 18.2069 18.2011 19.8183 15.2994 19.952C14.4457 19.9909 14.1726 20 12 20C9.82743 20 9.55543 19.9909 8.70171 19.952C5.79429 19.8183 4.18171 18.2046 4.048 15.2983C4.00914 14.4457 4 14.1726 4 12C4 9.82743 4.00914 9.55543 4.048 8.70171C4.18171 5.79429 5.79543 4.18171 8.70171 4.04914C9.55543 4.00914 9.82743 4 12 4C14.1726 4 14.4457 4.00914 15.2994 4.04914C18.208 4.18286 19.8217 5.8 19.952 8.70171C19.9909 9.55543 20 9.82743 20 12C20 14.1726 19.9909 14.4457 19.952 15.2983ZM15.2331 5.488C14.3897 5.44914 14.136 5.44229 12 5.44229C9.864 5.44229 9.61143 5.45029 8.768 5.488C6.59771 5.58743 5.58743 6.61486 5.488 8.768C5.45029 9.61143 5.44114 9.864 5.44114 12C5.44114 14.136 5.45029 14.3886 5.488 15.2331C5.58743 17.3806 6.59314 18.4137 8.768 18.5131C9.61029 18.5509 9.864 18.56 12 18.56C14.1371 18.56 14.3897 18.552 15.2331 18.5131C17.4034 18.4149 18.4126 17.384 18.5131 15.2331C18.5509 14.3897 18.5589 14.136 18.5589 12C18.5589 9.864 18.5509 9.61143 18.5131 8.768C18.4126 6.616 17.4011 5.58743 15.2331 5.488ZM15.3108 7.73029C15.3108 8.26057 15.7405 8.69029 16.2708 8.69029C16.801 8.69029 17.2308 8.25943 17.2308 7.73029C17.2308 7.2 16.801 6.77029 16.2708 6.77029C15.7405 6.77029 15.3108 7.2 15.3108 7.73029ZM7.89136 12C7.89136 14.2697 9.73136 16.1086 11.9999 16.1086C14.2685 16.1086 16.1085 14.2686 16.1085 12C16.1085 9.73144 14.2685 7.89258 11.9999 7.89258C9.73136 7.89258 7.89136 9.73144 7.89136 12ZM11.9999 14.6663C10.5279 14.6663 9.33367 13.4731 9.33367 12C9.33367 10.5269 10.5279 9.33372 11.9999 9.33372C13.4719 9.33372 14.6662 10.5269 14.6662 12C14.6662 13.4731 13.4719 14.6663 11.9999 14.6663Z" fill="currentColor" />
</svg>
{% include "@template-icon" %}
{
  "type": "social",
  "path": "M19.952 15.2983C19.8206 18.2069 18.2011 19.8183 15.2994 19.952C14.4457 19.9909 14.1726 20 12 20C9.82743 20 9.55543 19.9909 8.70171 19.952C5.79429 19.8183 4.18171 18.2046 4.048 15.2983C4.00914 14.4457 4 14.1726 4 12C4 9.82743 4.00914 9.55543 4.048 8.70171C4.18171 5.79429 5.79543 4.18171 8.70171 4.04914C9.55543 4.00914 9.82743 4 12 4C14.1726 4 14.4457 4.00914 15.2994 4.04914C18.208 4.18286 19.8217 5.8 19.952 8.70171C19.9909 9.55543 20 9.82743 20 12C20 14.1726 19.9909 14.4457 19.952 15.2983ZM15.2331 5.488C14.3897 5.44914 14.136 5.44229 12 5.44229C9.864 5.44229 9.61143 5.45029 8.768 5.488C6.59771 5.58743 5.58743 6.61486 5.488 8.768C5.45029 9.61143 5.44114 9.864 5.44114 12C5.44114 14.136 5.45029 14.3886 5.488 15.2331C5.58743 17.3806 6.59314 18.4137 8.768 18.5131C9.61029 18.5509 9.864 18.56 12 18.56C14.1371 18.56 14.3897 18.552 15.2331 18.5131C17.4034 18.4149 18.4126 17.384 18.5131 15.2331C18.5509 14.3897 18.5589 14.136 18.5589 12C18.5589 9.864 18.5509 9.61143 18.5131 8.768C18.4126 6.616 17.4011 5.58743 15.2331 5.488ZM15.3108 7.73029C15.3108 8.26057 15.7405 8.69029 16.2708 8.69029C16.801 8.69029 17.2308 8.25943 17.2308 7.73029C17.2308 7.2 16.801 6.77029 16.2708 6.77029C15.7405 6.77029 15.3108 7.2 15.3108 7.73029ZM7.89136 12C7.89136 14.2697 9.73136 16.1086 11.9999 16.1086C14.2685 16.1086 16.1085 14.2686 16.1085 12C16.1085 9.73144 14.2685 7.89258 11.9999 7.89258C9.73136 7.89258 7.89136 9.73144 7.89136 12ZM11.9999 14.6663C10.5279 14.6663 9.33367 13.4731 9.33367 12C9.33367 10.5269 10.5279 9.33372 11.9999 9.33372C13.4719 9.33372 14.6662 10.5269 14.6662 12C14.6662 13.4731 13.4719 14.6663 11.9999 14.6663Z"
}

Social icons guide

How to use

(You can click on the icons to copy the correct icon name)

Template name

icons-social

Import

{% render "@icons-social--variant" with {...} %}

Examples

{% render "@icons-library--facebook" %}

Available props

  • viewBox: string | default: 0 0 48 24
  • iconClass: string | default: null
  • size: 12, 16, 24, 32, 40, 48, 64, 92 | default: 24
  • path: string | default: svg path d attribute