Alain Afflelou Design System

Social 

<!-- Facebook -->
<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="M22 12C22 6.476 17.524 2 12 2C6.476 2 2 6.476 2 12C2 16.688 5.228 20.624 9.584 21.704V15.056H7.52V12H9.584V10.684C9.584 7.28 11.124 5.704 14.464 5.704C15.096 5.704 16.192 5.828 16.636 5.952V8.72C16.4 8.696 15.992 8.684 15.48 8.684C13.84 8.684 13.208 9.304 13.208 10.92V12H16.476L15.916 15.056H13.212V21.928C18.164 21.328 22 17.112 22 12Z" fill="currentColor" />
</svg>


<!-- Google -->
<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="M12.4842 20C7.79221 20 4 16.4242 4 12C4 7.5758 7.79221 4 12.4842 4C14.7761 4 16.6899 4.78766 18.1673 6.09062L15.867 8.1832C15.2353 7.61107 14.134 6.94881 12.4842 6.94881C9.58753 6.94881 7.22494 9.21185 7.22494 12.002C7.22494 14.7921 9.58961 17.0551 12.4842 17.0551C15.8421 17.0551 17.1055 14.7783 17.2966 13.6027H12.4842V10.8597H20.4945C20.5694 11.2594 20.6275 11.6591 20.6275 12.1861C20.6296 16.7553 17.3797 20 12.4842 20Z" fill="currentColor" />
</svg>


<!-- Instagram -->
<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>


<!-- Linkedin Fill -->
<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="M8.95384 18H6.36922V10.2462H8.95384V18ZM7.66153 9.09473C6.8771 9.09473 6.23999 8.45375 6.23999 7.66156C6.23999 6.87067 6.87581 6.22839 7.66153 6.22839C8.44725 6.22839 9.08307 6.87067 9.08307 7.66156C9.08307 8.45375 8.44596 9.09473 7.66153 9.09473ZM18 18H15.418V14.3027C15.418 11.8719 12.8308 12.0774 12.8308 14.3027V18H10.2461V10.2462H12.8308V11.6587C13.9577 9.5703 18 9.41522 18 13.6592V18Z" fill="currentColor" />
</svg>


<!-- Paypal -->
<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="M6.1599 4.18365C6.276 3.44229 6.91499 2.89868 7.66251 2.89868H13.0547C14.9671 2.89868 16.7051 3.29296 17.7314 4.4616C18.1677 4.95911 18.4672 5.50557 18.6165 6.14071C18.7297 6.62236 18.7509 7.13047 18.7021 7.67438C18.8941 7.81411 19.071 7.97285 19.2293 8.15256L19.2303 8.15361C20.1397 9.19003 20.2444 10.5882 19.9649 12.0235C19.6246 13.7709 18.8509 15.0305 17.7152 15.838C16.5954 16.6342 15.212 16.9279 13.76 16.9279H13.403L13.379 17.0585L12.8522 20.4014C12.8508 20.4101 12.8493 20.4187 12.8477 20.4272L12.822 20.5599C12.7058 21.2435 12.1136 21.7464 11.4169 21.7464H8.61099C7.90088 21.7464 7.36095 21.1121 7.47048 20.4125L7.56351 19.8223H5.11183C4.36595 19.8223 3.79833 19.1556 3.91391 18.4201L6.1599 4.18365C6.15993 4.18344 6.15987 4.18385 6.1599 4.18365ZM7.79998 18.3223L8.50996 13.8185C8.62629 13.0822 9.25821 12.5346 10.0102 12.5346H11.5922C13.0531 12.5346 14.2664 12.237 15.1817 11.5863C16.0808 10.9471 16.7805 9.90461 17.1069 8.23023C17.1267 8.12702 17.1439 8.03128 17.1581 7.94027C17.2544 7.32658 17.2453 6.86277 17.1563 6.48393C17.0695 6.1145 16.8972 5.78533 16.604 5.45101C16.0217 4.78836 14.8568 4.39868 13.0547 4.39868H7.66251C7.65142 4.39868 7.64325 4.40665 7.64183 4.41575L5.44789 18.3223H7.79998ZM18.3383 9.48499C17.883 10.9624 17.1039 12.0602 16.0508 12.8088C14.7952 13.7015 13.2384 14.0346 11.5922 14.0346H10.0102C10.0065 14.0346 10.0046 14.0351 10.0035 14.0356C10.0021 14.0361 10.0004 14.037 9.99872 14.0385C9.99697 14.04 9.9955 14.0418 9.9944 14.0437C9.99345 14.0454 9.99233 14.048 9.99165 14.0522L9.01518 20.2464H11.3548L11.3725 20.155L11.8988 16.8153L11.9021 16.7961L11.9345 16.6201C12.0484 15.9322 12.643 15.4279 13.3404 15.4279H13.76C15.0266 15.4279 16.0665 15.1697 16.846 14.6155C17.6095 14.0727 18.2108 13.1834 18.4926 11.7368C18.6863 10.742 18.6168 10.0096 18.3383 9.48499ZM18.6401 8.17235C18.6401 8.17226 18.6401 8.17244 18.6401 8.17235V8.17235Z" fill="currentColor" />
</svg>


<!-- Pinterest Fill -->
<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="M12 20C11.176 20 10.3794 19.8754 9.63086 19.6434C9.95771 19.112 10.4457 18.2411 10.6251 17.5463L11.1246 15.6446C11.3863 16.1429 12.1474 16.5634 12.9577 16.5634C15.3703 16.5634 17.1097 14.3451 17.1097 11.5874C17.1097 8.94514 14.952 6.968 12.1771 6.968C8.72457 6.968 6.89143 9.28457 6.89143 11.808C6.89143 12.9817 7.51657 14.4423 8.51657 14.9074C8.66743 14.9783 8.74857 14.9463 8.784 14.8L9.00457 13.8937C9.024 13.8126 9.01486 13.7429 8.94857 13.6629C8.61943 13.2629 8.35314 12.5257 8.35314 11.8377C8.35314 10.0731 9.68914 8.36571 11.9657 8.36571C13.9314 8.36571 15.3074 9.70514 15.3074 11.6206C15.3074 13.7851 14.2137 15.2834 12.792 15.2834C12.0069 15.2834 11.4194 14.6343 11.608 13.8377C11.8331 12.8857 12.2709 11.8606 12.2709 11.1737C12.2709 10.56 11.9417 10.0469 11.2583 10.0469C10.456 10.0469 9.80914 10.8777 9.80914 11.9897C9.80914 12.6994 10.0503 13.1783 10.0503 13.1783C10.0503 13.1783 9.25714 16.5314 9.112 17.1543C8.94971 17.8457 9.01371 18.816 9.08343 19.4491C6.10857 18.2834 4 15.3886 4 12C4 7.58171 7.58286 4 12 4C16.4171 4 20 7.58171 20 12C20 16.4183 16.4171 20 12 20Z" fill="currentColor" />
</svg>


<!-- Twitter -->
<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="M13.5222 10.9238L19.4785 4H18.0671L12.8952 10.0118L8.76437 4H4L10.2466 13.0909L4 20.3516H5.41155L10.8732 14.0029L15.2356 20.3516H20L13.5222 10.9238ZM11.5889 13.171L10.956 12.2658L5.92015 5.06259H8.0882L12.1522 10.8758L12.7851 11.7811L18.0677 19.3373H15.8997L11.5889 13.171Z" fill="currentColor" />
</svg>


<!-- Tiktok -->
<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="M17.6101 6.52749C16.6216 5.8832 15.9088 4.85187 15.686 3.65027C15.6382 3.39072 15.6115 3.12334 15.6115 2.84998H12.4572L12.4522 15.4909C12.3992 16.9065 11.234 18.0428 9.80597 18.0428C9.36187 18.0428 8.944 17.9319 8.57583 17.7381C7.73181 17.294 7.15426 16.4095 7.15426 15.3915C7.15426 13.9294 8.34389 12.7398 9.8055 12.7398C10.0784 12.7398 10.3403 12.7849 10.5879 12.8622V9.64216C10.3315 9.60719 10.071 9.58556 9.8055 9.58556C6.60431 9.58556 4 12.1899 4 15.3915C4 17.3557 4.98116 19.0939 6.47867 20.145C7.42164 20.8072 8.56893 21.197 9.80597 21.197C13.0072 21.197 15.6115 18.5927 15.6115 15.3915V8.98131C16.8485 9.86904 18.3644 10.3923 20 10.3923V7.23804C19.1192 7.23804 18.2986 6.97619 17.6101 6.52749Z" fill="currentColor" />
</svg>


<!-- Rss -->
<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="M8.626 17C7.729 17 7 16.273 7 15.376C7 14.479 7.729 13.752 8.626 13.752C9.523 13.752 10.252 14.479 10.252 15.376C10.252 16.273 9.523 17 8.626 17ZM12.511 17C12.481 13.978 10.026 11.526 7 11.496V9.09C11.361 9.12 14.889 12.645 14.92 17H12.511ZM16.592 17C16.576 11.703 12.289 7.429 7 7.406V5C13.623 5.023 18.985 10.384 19 17H16.592Z" fill="currentColor" />
</svg>


<!-- Youtube -->
<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="M6.92343 17.3051C9.32229 17.4697 14.6731 17.4697 17.0754 17.3051C19.6743 17.1269 19.9794 15.8617 20 11.7143C19.9794 7.57486 19.6777 6.30171 17.0754 6.12343C14.6743 5.95886 9.32229 5.95886 6.92343 6.12343C4.32571 6.30171 4.01943 7.56686 4 11.7143C4.01943 15.8537 4.32229 17.1269 6.92343 17.3051ZM15.3337 11.7097L9.71429 14.3909V9.03771L15.3337 11.7097Z" fill="currentColor" />
</svg>


{% include "@template-icon" %}
 
/* Facebook */
{
  "type": "social",
  "path": "M22 12C22 6.476 17.524 2 12 2C6.476 2 2 6.476 2 12C2 16.688 5.228 20.624 9.584 21.704V15.056H7.52V12H9.584V10.684C9.584 7.28 11.124 5.704 14.464 5.704C15.096 5.704 16.192 5.828 16.636 5.952V8.72C16.4 8.696 15.992 8.684 15.48 8.684C13.84 8.684 13.208 9.304 13.208 10.92V12H16.476L15.916 15.056H13.212V21.928C18.164 21.328 22 17.112 22 12Z"
}


/* Google */
{
  "type": "social",
  "path": "M12.4842 20C7.79221 20 4 16.4242 4 12C4 7.5758 7.79221 4 12.4842 4C14.7761 4 16.6899 4.78766 18.1673 6.09062L15.867 8.1832C15.2353 7.61107 14.134 6.94881 12.4842 6.94881C9.58753 6.94881 7.22494 9.21185 7.22494 12.002C7.22494 14.7921 9.58961 17.0551 12.4842 17.0551C15.8421 17.0551 17.1055 14.7783 17.2966 13.6027H12.4842V10.8597H20.4945C20.5694 11.2594 20.6275 11.6591 20.6275 12.1861C20.6296 16.7553 17.3797 20 12.4842 20Z"
}


/* Instagram */
{
  "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"
}


/* Linkedin Fill */
{
  "type": "social",
  "path": "M8.95384 18H6.36922V10.2462H8.95384V18ZM7.66153 9.09473C6.8771 9.09473 6.23999 8.45375 6.23999 7.66156C6.23999 6.87067 6.87581 6.22839 7.66153 6.22839C8.44725 6.22839 9.08307 6.87067 9.08307 7.66156C9.08307 8.45375 8.44596 9.09473 7.66153 9.09473ZM18 18H15.418V14.3027C15.418 11.8719 12.8308 12.0774 12.8308 14.3027V18H10.2461V10.2462H12.8308V11.6587C13.9577 9.5703 18 9.41522 18 13.6592V18Z"
}


/* Paypal */
{
  "type": "social",
  "path": "M6.1599 4.18365C6.276 3.44229 6.91499 2.89868 7.66251 2.89868H13.0547C14.9671 2.89868 16.7051 3.29296 17.7314 4.4616C18.1677 4.95911 18.4672 5.50557 18.6165 6.14071C18.7297 6.62236 18.7509 7.13047 18.7021 7.67438C18.8941 7.81411 19.071 7.97285 19.2293 8.15256L19.2303 8.15361C20.1397 9.19003 20.2444 10.5882 19.9649 12.0235C19.6246 13.7709 18.8509 15.0305 17.7152 15.838C16.5954 16.6342 15.212 16.9279 13.76 16.9279H13.403L13.379 17.0585L12.8522 20.4014C12.8508 20.4101 12.8493 20.4187 12.8477 20.4272L12.822 20.5599C12.7058 21.2435 12.1136 21.7464 11.4169 21.7464H8.61099C7.90088 21.7464 7.36095 21.1121 7.47048 20.4125L7.56351 19.8223H5.11183C4.36595 19.8223 3.79833 19.1556 3.91391 18.4201L6.1599 4.18365C6.15993 4.18344 6.15987 4.18385 6.1599 4.18365ZM7.79998 18.3223L8.50996 13.8185C8.62629 13.0822 9.25821 12.5346 10.0102 12.5346H11.5922C13.0531 12.5346 14.2664 12.237 15.1817 11.5863C16.0808 10.9471 16.7805 9.90461 17.1069 8.23023C17.1267 8.12702 17.1439 8.03128 17.1581 7.94027C17.2544 7.32658 17.2453 6.86277 17.1563 6.48393C17.0695 6.1145 16.8972 5.78533 16.604 5.45101C16.0217 4.78836 14.8568 4.39868 13.0547 4.39868H7.66251C7.65142 4.39868 7.64325 4.40665 7.64183 4.41575L5.44789 18.3223H7.79998ZM18.3383 9.48499C17.883 10.9624 17.1039 12.0602 16.0508 12.8088C14.7952 13.7015 13.2384 14.0346 11.5922 14.0346H10.0102C10.0065 14.0346 10.0046 14.0351 10.0035 14.0356C10.0021 14.0361 10.0004 14.037 9.99872 14.0385C9.99697 14.04 9.9955 14.0418 9.9944 14.0437C9.99345 14.0454 9.99233 14.048 9.99165 14.0522L9.01518 20.2464H11.3548L11.3725 20.155L11.8988 16.8153L11.9021 16.7961L11.9345 16.6201C12.0484 15.9322 12.643 15.4279 13.3404 15.4279H13.76C15.0266 15.4279 16.0665 15.1697 16.846 14.6155C17.6095 14.0727 18.2108 13.1834 18.4926 11.7368C18.6863 10.742 18.6168 10.0096 18.3383 9.48499ZM18.6401 8.17235C18.6401 8.17226 18.6401 8.17244 18.6401 8.17235V8.17235Z"
}


/* Pinterest Fill */
{
  "type": "social",
  "path": "M12 20C11.176 20 10.3794 19.8754 9.63086 19.6434C9.95771 19.112 10.4457 18.2411 10.6251 17.5463L11.1246 15.6446C11.3863 16.1429 12.1474 16.5634 12.9577 16.5634C15.3703 16.5634 17.1097 14.3451 17.1097 11.5874C17.1097 8.94514 14.952 6.968 12.1771 6.968C8.72457 6.968 6.89143 9.28457 6.89143 11.808C6.89143 12.9817 7.51657 14.4423 8.51657 14.9074C8.66743 14.9783 8.74857 14.9463 8.784 14.8L9.00457 13.8937C9.024 13.8126 9.01486 13.7429 8.94857 13.6629C8.61943 13.2629 8.35314 12.5257 8.35314 11.8377C8.35314 10.0731 9.68914 8.36571 11.9657 8.36571C13.9314 8.36571 15.3074 9.70514 15.3074 11.6206C15.3074 13.7851 14.2137 15.2834 12.792 15.2834C12.0069 15.2834 11.4194 14.6343 11.608 13.8377C11.8331 12.8857 12.2709 11.8606 12.2709 11.1737C12.2709 10.56 11.9417 10.0469 11.2583 10.0469C10.456 10.0469 9.80914 10.8777 9.80914 11.9897C9.80914 12.6994 10.0503 13.1783 10.0503 13.1783C10.0503 13.1783 9.25714 16.5314 9.112 17.1543C8.94971 17.8457 9.01371 18.816 9.08343 19.4491C6.10857 18.2834 4 15.3886 4 12C4 7.58171 7.58286 4 12 4C16.4171 4 20 7.58171 20 12C20 16.4183 16.4171 20 12 20Z"
}


/* Twitter */
{
  "type": "social",
  "path": "M13.5222 10.9238L19.4785 4H18.0671L12.8952 10.0118L8.76437 4H4L10.2466 13.0909L4 20.3516H5.41155L10.8732 14.0029L15.2356 20.3516H20L13.5222 10.9238ZM11.5889 13.171L10.956 12.2658L5.92015 5.06259H8.0882L12.1522 10.8758L12.7851 11.7811L18.0677 19.3373H15.8997L11.5889 13.171Z"
}


/* Tiktok */
{
  "type": "social",
  "path": "M17.6101 6.52749C16.6216 5.8832 15.9088 4.85187 15.686 3.65027C15.6382 3.39072 15.6115 3.12334 15.6115 2.84998H12.4572L12.4522 15.4909C12.3992 16.9065 11.234 18.0428 9.80597 18.0428C9.36187 18.0428 8.944 17.9319 8.57583 17.7381C7.73181 17.294 7.15426 16.4095 7.15426 15.3915C7.15426 13.9294 8.34389 12.7398 9.8055 12.7398C10.0784 12.7398 10.3403 12.7849 10.5879 12.8622V9.64216C10.3315 9.60719 10.071 9.58556 9.8055 9.58556C6.60431 9.58556 4 12.1899 4 15.3915C4 17.3557 4.98116 19.0939 6.47867 20.145C7.42164 20.8072 8.56893 21.197 9.80597 21.197C13.0072 21.197 15.6115 18.5927 15.6115 15.3915V8.98131C16.8485 9.86904 18.3644 10.3923 20 10.3923V7.23804C19.1192 7.23804 18.2986 6.97619 17.6101 6.52749Z"
}


/* Rss */
{
  "type": "social",
  "path": "M8.626 17C7.729 17 7 16.273 7 15.376C7 14.479 7.729 13.752 8.626 13.752C9.523 13.752 10.252 14.479 10.252 15.376C10.252 16.273 9.523 17 8.626 17ZM12.511 17C12.481 13.978 10.026 11.526 7 11.496V9.09C11.361 9.12 14.889 12.645 14.92 17H12.511ZM16.592 17C16.576 11.703 12.289 7.429 7 7.406V5C13.623 5.023 18.985 10.384 19 17H16.592Z"
}


/* Youtube */
{
  "type": "social",
  "path": "M6.92343 17.3051C9.32229 17.4697 14.6731 17.4697 17.0754 17.3051C19.6743 17.1269 19.9794 15.8617 20 11.7143C19.9794 7.57486 19.6777 6.30171 17.0754 6.12343C14.6743 5.95886 9.32229 5.95886 6.92343 6.12343C4.32571 6.30171 4.01943 7.56686 4 11.7143C4.01943 15.8537 4.32229 17.1269 6.92343 17.3051ZM15.3337 11.7097L9.71429 14.3909V9.03771L15.3337 11.7097Z"
}

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