Etat Pur Design System

Social: Linkedin 

<svg class=" shrink-0" width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M13.6284 13.6664H11.259V9.95377C11.259 9.06844 11.241 7.92911 10.0244 7.92911C8.78902 7.92911 8.60035 8.89244 8.60035 9.88844V13.6664H6.23102V6.03177H8.50702V7.07244H8.53769C8.85569 6.47244 9.62902 5.83911 10.7844 5.83911C13.185 5.83911 13.629 7.41911 13.629 9.47577L13.6284 13.6664ZM3.55502 4.98711C2.79235 4.98711 2.17969 4.36977 2.17969 3.61044C2.17969 2.85177 2.79302 2.23511 3.55502 2.23511C4.31502 2.23511 4.93102 2.85177 4.93102 3.61044C4.93102 4.36977 4.31435 4.98711 3.55502 4.98711ZM4.74302 13.6664H2.36702V6.03177H4.74302V13.6664Z" fill="currentColor" />

</svg>
 
{% include "@template-icon" %}
 
{
  "type": "social",
  "width": 16,
  "height": 17,
  "viewBox": "0 0 16 17",
  "path": "M13.6284 13.6664H11.259V9.95377C11.259 9.06844 11.241 7.92911 10.0244 7.92911C8.78902 7.92911 8.60035 8.89244 8.60035 9.88844V13.6664H6.23102V6.03177H8.50702V7.07244H8.53769C8.85569 6.47244 9.62902 5.83911 10.7844 5.83911C13.185 5.83911 13.629 7.41911 13.629 9.47577L13.6284 13.6664ZM3.55502 4.98711C2.79235 4.98711 2.17969 4.36977 2.17969 3.61044C2.17969 2.85177 2.79302 2.23511 3.55502 2.23511C4.31502 2.23511 4.93102 2.85177 4.93102 3.61044C4.93102 4.36977 4.31435 4.98711 3.55502 4.98711ZM4.74302 13.6664H2.36702V6.03177H4.74302V13.6664Z"
}

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
  • aria_hidden: boolean | default: true
  • size: 12, 16, 24, 32, 40, 48, 64, 92 | default: 24
  • path: string | default: svg path d attribute