Alain Afflelou Design System

Afflelou: Longueur Branche 

<svg class=" shrink-0" width="48" height="24" viewBox="0 0 64 40.34" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.107107 28.8V0H1.30711V28.8H0.107107Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M51.1071 15.15H1.10711V13.65H51.1071C58.5906 13.65 64.6571 19.7165 64.6571 27.2V28.8H63.1571V27.2C63.1571 20.545 57.7621 15.15 51.1071 15.15Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M1.91421 37.7L4.26066 40.0464L3.55355 40.7536L0 37.2L3.55355 33.6464L4.26066 34.3536L1.91421 36.7H62.7L60.3536 34.3536L61.0607 33.6464L64.6142 37.2L61.0607 40.7536L60.3536 40.0464L62.7 37.7H1.91421Z" fill="#A3A3A3" />
</svg>
 
{% include "@template-icon" with {
    width: size|default(24)*2,
    height: size|default(24),
} %}
 
{
  "viewBox": "0 0 64 40.34",
  "type": "afflelou",
  "paths": [
    {
      "path": "M0.107107 28.8V0H1.30711V28.8H0.107107Z"
    },
    {
      "path": "M51.1071 15.15H1.10711V13.65H51.1071C58.5906 13.65 64.6571 19.7165 64.6571 27.2V28.8H63.1571V27.2C63.1571 20.545 57.7621 15.15 51.1071 15.15Z"
    },
    {
      "path": "M1.91421 37.7L4.26066 40.0464L3.55355 40.7536L0 37.2L3.55355 33.6464L4.26066 34.3536L1.91421 36.7H62.7L60.3536 34.3536L61.0607 33.6464L64.6142 37.2L61.0607 40.7536L60.3536 40.0464L62.7 37.7H1.91421Z",
      "color": "#A3A3A3"
    }
  ]
}

Afflelou icons guide

How to use

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

Template name

icons-afflelou

Import

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

Examples

{% render "@icons-afflelou--carre" %}

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