Alain Afflelou Design System

Afflelou: Pilot 

<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="M42.4915 16.9375C41.1752 19.802 34.9701 20.3391 31.2094 18.1907C27.6368 15.8633 25.1923 9.41824 25.7564 8.34406C27.2607 4.40541 34.406 4.9425 34.406 4.9425C34.406 4.9425 38.3547 4.9425 40.7991 6.1957C44.1838 7.62794 43.8077 14.073 42.4915 16.9375ZM6.20085 6.01667C8.6453 4.76347 12.7821 4.9425 12.7821 4.9425C12.7821 4.9425 19.9274 4.22638 21.4316 8.34406C21.9957 9.41824 19.7393 16.0423 15.9786 18.1907C12.2179 20.3391 6.01282 19.802 4.69658 16.9375C3.38034 14.073 3.19231 7.62794 6.20085 6.01667ZM26.3205 5.12153C26.5085 5.12153 26.5085 5.30055 26.5085 5.30055V5.47958C26.1325 6.01667 25.5684 6.73279 25.3803 7.26988C25.3803 7.44891 25.1923 7.44891 25.0043 7.44891H22.3718C22.1838 7.44891 21.9957 7.44891 21.9957 7.26988C21.6197 6.73279 21.0556 5.83764 20.8675 5.47958V5.12153H26.3205ZM23.688 9.23921C24.2521 9.23921 24.8162 9.59727 25.0043 10.1344C25.3803 11.2085 27.6368 16.7585 30.8333 18.5488C34.0299 20.3391 40.047 21.0552 43.0556 17.4746C44.7479 15.5052 44.3718 11.9247 44.3718 11.9247L45.5 11.3876V9.59727L44.1838 9.06018C43.8077 7.26988 42.6795 5.83764 40.9872 4.9425C38.3547 3.68929 32.5256 4.04735 32.5256 4.04735H14.4744C14.4744 4.04735 8.83333 3.86832 6.01282 4.9425C4.32051 5.65861 3.19231 7.26988 2.81624 9.06018L1.5 9.59727V11.3876L2.81624 12.1037C2.81624 12.1037 2.62821 15.5052 4.13248 17.6536C7.14103 21.0552 13.1581 20.5181 16.3547 18.7278C19.5513 16.9375 21.8077 11.3876 22.1838 10.3134C22.3718 9.59727 22.9359 9.23921 23.688 9.23921Z" fill="currentColor" />
</svg>
 
{% include "@template-icon" with {
    width: size|default(24)*2,
    height: size|default(24),
} %}
 
{
  "viewBox": "0 0 48 24",
  "type": "afflelou",
  "path": "M42.4915 16.9375C41.1752 19.802 34.9701 20.3391 31.2094 18.1907C27.6368 15.8633 25.1923 9.41824 25.7564 8.34406C27.2607 4.40541 34.406 4.9425 34.406 4.9425C34.406 4.9425 38.3547 4.9425 40.7991 6.1957C44.1838 7.62794 43.8077 14.073 42.4915 16.9375ZM6.20085 6.01667C8.6453 4.76347 12.7821 4.9425 12.7821 4.9425C12.7821 4.9425 19.9274 4.22638 21.4316 8.34406C21.9957 9.41824 19.7393 16.0423 15.9786 18.1907C12.2179 20.3391 6.01282 19.802 4.69658 16.9375C3.38034 14.073 3.19231 7.62794 6.20085 6.01667ZM26.3205 5.12153C26.5085 5.12153 26.5085 5.30055 26.5085 5.30055V5.47958C26.1325 6.01667 25.5684 6.73279 25.3803 7.26988C25.3803 7.44891 25.1923 7.44891 25.0043 7.44891H22.3718C22.1838 7.44891 21.9957 7.44891 21.9957 7.26988C21.6197 6.73279 21.0556 5.83764 20.8675 5.47958V5.12153H26.3205ZM23.688 9.23921C24.2521 9.23921 24.8162 9.59727 25.0043 10.1344C25.3803 11.2085 27.6368 16.7585 30.8333 18.5488C34.0299 20.3391 40.047 21.0552 43.0556 17.4746C44.7479 15.5052 44.3718 11.9247 44.3718 11.9247L45.5 11.3876V9.59727L44.1838 9.06018C43.8077 7.26988 42.6795 5.83764 40.9872 4.9425C38.3547 3.68929 32.5256 4.04735 32.5256 4.04735H14.4744C14.4744 4.04735 8.83333 3.86832 6.01282 4.9425C4.32051 5.65861 3.19231 7.26988 2.81624 9.06018L1.5 9.59727V11.3876L2.81624 12.1037C2.81624 12.1037 2.62821 15.5052 4.13248 17.6536C7.14103 21.0552 13.1581 20.5181 16.3547 18.7278C19.5513 16.9375 21.8077 11.3876 22.1838 10.3134C22.3718 9.59727 22.9359 9.23921 23.688 9.23921Z"
}

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