Alain Afflelou Design System

Afflelou: Ronde 

<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="M23.9056 8.43653C26.927 8.62097 27.1159 9.17429 27.3047 9.72761C27.3047 10.2809 27.1159 10.8342 27.6824 10.6498C27.6824 11.7564 27.8712 12.6786 28.0601 13.7853C29.1931 18.0274 34.4807 20.9784 40.5236 18.5807C44.6781 16.9208 45.2446 13.232 45.4335 11.0187C45.6223 11.0187 46 10.8342 46 10.4654V9.91205C46 9.72761 45.8112 9.35873 45.4335 9.35873H45.2446C44.4893 6.22325 41.8455 3.82553 35.2361 4.00997C28.6266 4.19441 28.0601 9.17429 28.0601 9.17429L27.6824 8.43653C27.4936 7.69877 25.2275 7.14545 23.9056 7.32989C22.5837 7.32989 20.3176 7.69877 20.1288 8.43653L19.9399 9.17429C19.9399 9.17429 19.5622 4.19441 12.7639 4.00997C5.96567 3.82553 3.32189 6.22325 2.75536 9.35873H2.56652C2.37768 9.35873 2 9.54317 2 9.91205V10.4654C2 10.6498 2.18884 11.0187 2.56652 11.0187C2.56652 13.0475 3.13305 16.7363 7.4764 18.5807C13.3305 20.9784 18.8069 18.0274 19.9399 13.7853C20.1288 12.6786 20.1288 11.7564 20.3176 10.6498C20.8841 10.8342 20.6953 10.2809 20.6953 9.72761C20.6953 9.17429 20.8841 8.43653 23.9056 8.43653ZM44.3004 12.3098C43.1674 17.4741 39.2017 19.134 34.4807 18.3963C29.5708 17.6585 26.927 11.0187 29.382 7.69877C31.8369 4.37885 36.9356 4.93217 36.9356 4.93217C41.279 4.74773 45.4335 7.14545 44.3004 12.3098ZM11.0644 4.93217C11.0644 4.93217 16.3519 4.19441 18.618 7.69877C20.8841 11.2031 18.2403 17.6585 13.5193 18.3963C8.79828 19.134 4.64378 17.2896 3.69957 12.3098C2.75536 7.32989 6.72103 4.74773 11.0644 4.93217Z" fill="currentColor" />
</svg>
 
{% include "@template-icon" with {
    width: size|default(24)*2,
    height: size|default(24),
} %}
 
{
  "viewBox": "0 0 48 24",
  "type": "afflelou",
  "path": "M23.9056 8.43653C26.927 8.62097 27.1159 9.17429 27.3047 9.72761C27.3047 10.2809 27.1159 10.8342 27.6824 10.6498C27.6824 11.7564 27.8712 12.6786 28.0601 13.7853C29.1931 18.0274 34.4807 20.9784 40.5236 18.5807C44.6781 16.9208 45.2446 13.232 45.4335 11.0187C45.6223 11.0187 46 10.8342 46 10.4654V9.91205C46 9.72761 45.8112 9.35873 45.4335 9.35873H45.2446C44.4893 6.22325 41.8455 3.82553 35.2361 4.00997C28.6266 4.19441 28.0601 9.17429 28.0601 9.17429L27.6824 8.43653C27.4936 7.69877 25.2275 7.14545 23.9056 7.32989C22.5837 7.32989 20.3176 7.69877 20.1288 8.43653L19.9399 9.17429C19.9399 9.17429 19.5622 4.19441 12.7639 4.00997C5.96567 3.82553 3.32189 6.22325 2.75536 9.35873H2.56652C2.37768 9.35873 2 9.54317 2 9.91205V10.4654C2 10.6498 2.18884 11.0187 2.56652 11.0187C2.56652 13.0475 3.13305 16.7363 7.4764 18.5807C13.3305 20.9784 18.8069 18.0274 19.9399 13.7853C20.1288 12.6786 20.1288 11.7564 20.3176 10.6498C20.8841 10.8342 20.6953 10.2809 20.6953 9.72761C20.6953 9.17429 20.8841 8.43653 23.9056 8.43653ZM44.3004 12.3098C43.1674 17.4741 39.2017 19.134 34.4807 18.3963C29.5708 17.6585 26.927 11.0187 29.382 7.69877C31.8369 4.37885 36.9356 4.93217 36.9356 4.93217C41.279 4.74773 45.4335 7.14545 44.3004 12.3098ZM11.0644 4.93217C11.0644 4.93217 16.3519 4.19441 18.618 7.69877C20.8841 11.2031 18.2403 17.6585 13.5193 18.3963C8.79828 19.134 4.64378 17.2896 3.69957 12.3098C2.75536 7.32989 6.72103 4.74773 11.0644 4.93217Z"
}

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