Alain Afflelou Design System

Afflelou: Pantos 

<svg class=" shrink-0" width="48" height="24" viewBox="0 0 48 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M26.2727 8.75V9.82391C26.0752 10.0031 26.0752 10.1813 26.0752 10.5386C27.8536 18.5887 35.5607 18.5887 35.5607 18.5887C43.8614 18.947 44.6513 10.8969 44.6513 9.82391C44.8499 8.9282 45.2448 8.75 45.6398 8.5718C46.0348 8.39265 45.605 8.39265 46 8.39265V6.60405C40.8837 5.40002 39.1186 5.40002 35.7582 5.40002C31.2129 5.40002 27.8536 6.42491 27.4586 6.60405H27.0636C26.4701 6.42491 25.6802 6.24577 25.0867 6.24577H22.9133C22.3198 6.24577 21.5299 6.42491 20.9364 6.60405H20.5414C20.3439 6.60405 16.786 5.40002 12.2428 5.40002C8.8814 5.40002 7.11628 5.40002 2 6.60405V8.39265C2.59349 8.39265 1.96521 8.39265 2.36019 8.5718C2.75516 8.75094 3.15014 8.75094 3.34865 9.82391C3.34865 10.8969 4.1386 18.9461 12.4393 18.5887C12.4393 18.5887 20.1464 18.5887 21.9248 10.5386C21.9248 10.1813 21.9248 9.82391 21.7273 9.64477C21.6301 9.48015 21.5791 9.29571 21.5791 9.10828C21.5791 8.92085 21.6301 8.73641 21.7273 8.5718C21.7273 8.5718 22.3208 7.85522 23.9007 7.85522C25.6802 7.85522 26.2727 8.57085 26.2727 8.75ZM4.53358 8.92914C4.92958 6.9614 7.30047 6.42491 12.2428 6.24577C17.1831 6.06662 19.554 7.49788 19.554 7.49788C20.3449 8.21445 20.7409 9.10828 20.7409 10.1813C20.9374 12.3281 18.764 18.2304 12.0443 18.0522C4.5346 17.8731 4.1386 10.8959 4.53358 8.92914ZM36.1542 18.0522C29.4345 18.0522 27.2611 12.149 27.4586 10.1813C27.4586 9.10828 27.8536 8.21351 28.6446 7.49788C28.6446 7.49788 31.0154 6.06662 35.9557 6.24577C40.897 6.60405 43.2689 6.9614 43.6639 8.92914C43.8614 10.8969 43.4674 17.8731 36.1542 18.0522Z" fill="currentColor" />
</svg>
 
{% include "@template-icon" with {
    width: size|default(24)*2,
    height: size|default(24),
} %}
 
{
  "viewBox": "0 0 48 24",
  "type": "afflelou",
  "path": "M26.2727 8.75V9.82391C26.0752 10.0031 26.0752 10.1813 26.0752 10.5386C27.8536 18.5887 35.5607 18.5887 35.5607 18.5887C43.8614 18.947 44.6513 10.8969 44.6513 9.82391C44.8499 8.9282 45.2448 8.75 45.6398 8.5718C46.0348 8.39265 45.605 8.39265 46 8.39265V6.60405C40.8837 5.40002 39.1186 5.40002 35.7582 5.40002C31.2129 5.40002 27.8536 6.42491 27.4586 6.60405H27.0636C26.4701 6.42491 25.6802 6.24577 25.0867 6.24577H22.9133C22.3198 6.24577 21.5299 6.42491 20.9364 6.60405H20.5414C20.3439 6.60405 16.786 5.40002 12.2428 5.40002C8.8814 5.40002 7.11628 5.40002 2 6.60405V8.39265C2.59349 8.39265 1.96521 8.39265 2.36019 8.5718C2.75516 8.75094 3.15014 8.75094 3.34865 9.82391C3.34865 10.8969 4.1386 18.9461 12.4393 18.5887C12.4393 18.5887 20.1464 18.5887 21.9248 10.5386C21.9248 10.1813 21.9248 9.82391 21.7273 9.64477C21.6301 9.48015 21.5791 9.29571 21.5791 9.10828C21.5791 8.92085 21.6301 8.73641 21.7273 8.5718C21.7273 8.5718 22.3208 7.85522 23.9007 7.85522C25.6802 7.85522 26.2727 8.57085 26.2727 8.75ZM4.53358 8.92914C4.92958 6.9614 7.30047 6.42491 12.2428 6.24577C17.1831 6.06662 19.554 7.49788 19.554 7.49788C20.3449 8.21445 20.7409 9.10828 20.7409 10.1813C20.9374 12.3281 18.764 18.2304 12.0443 18.0522C4.5346 17.8731 4.1386 10.8959 4.53358 8.92914ZM36.1542 18.0522C29.4345 18.0522 27.2611 12.149 27.4586 10.1813C27.4586 9.10828 27.8536 8.21351 28.6446 7.49788C28.6446 7.49788 31.0154 6.06662 35.9557 6.24577C40.897 6.60405 43.2689 6.9614 43.6639 8.92914C43.8614 10.8969 43.4674 17.8731 36.1542 18.0522Z"
}

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