Alain Afflelou Design System

Social: 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>
 
{% include "@template-icon" %}
 
{
  "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"
}

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