Alain Afflelou Design System

Afflelou: Rectangulaire 

<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.4418 7.9924C24.5808 7.9924 25.1503 8.56498 24.7707 9.51927C24.391 10.4736 26.0995 16.0085 28.7571 18.2988C31.9843 20.9709 38.8182 19.6348 40.7165 18.2988C43.3741 16.5811 43.7538 11.0462 43.7538 10.0919C43.7538 9.32841 44.1335 8.75583 44.8928 8.37411C45.2724 8.18326 45.4623 7.61068 45.2725 7.22896C45.2725 6.84724 44.5131 6.84724 42.0453 6.27466C34.6419 4.1752 29.8961 5.51122 25.9096 6.84724C24.2012 6.27466 22.113 6.27466 20.4045 6.84724C16.7977 5.32036 12.052 3.98434 4.64853 6.0838C2.37055 6.65638 1.61123 6.65638 1.4214 7.0381C1.23156 7.41982 1.4214 7.9924 1.80106 8.18326C2.56038 8.56498 2.94005 9.13755 2.94005 9.90099C2.94005 10.8553 3.50954 16.3902 5.97735 18.108C8.0655 19.444 14.7096 20.78 17.9367 18.108C20.5944 15.8176 22.3029 10.2827 21.9232 9.32841C21.5435 8.37411 22.3029 7.9924 23.4418 7.9924ZM39.1978 18.108C36.1605 19.0623 30.6554 19.444 28.3775 16.1994C26.4791 13.3365 25.9096 9.51927 26.2893 9.13755C26.2893 9.13755 28.5673 5.89294 34.8317 5.89294C41.0962 5.89294 42.8046 7.41982 42.8046 9.71013C42.8046 12.0005 42.425 17.1537 39.1978 18.108ZM4.07904 9.71013C4.07904 7.41982 5.78752 5.70208 12.052 5.89294C18.3164 5.89294 20.5944 9.13755 20.5944 9.13755C20.974 9.71013 20.4045 13.3365 18.5062 16.1994C16.4181 19.6348 10.913 19.0623 7.68583 18.108C4.4587 17.1537 4.07904 12.0005 4.07904 9.71013Z" 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.4418 7.9924C24.5808 7.9924 25.1503 8.56498 24.7707 9.51927C24.391 10.4736 26.0995 16.0085 28.7571 18.2988C31.9843 20.9709 38.8182 19.6348 40.7165 18.2988C43.3741 16.5811 43.7538 11.0462 43.7538 10.0919C43.7538 9.32841 44.1335 8.75583 44.8928 8.37411C45.2724 8.18326 45.4623 7.61068 45.2725 7.22896C45.2725 6.84724 44.5131 6.84724 42.0453 6.27466C34.6419 4.1752 29.8961 5.51122 25.9096 6.84724C24.2012 6.27466 22.113 6.27466 20.4045 6.84724C16.7977 5.32036 12.052 3.98434 4.64853 6.0838C2.37055 6.65638 1.61123 6.65638 1.4214 7.0381C1.23156 7.41982 1.4214 7.9924 1.80106 8.18326C2.56038 8.56498 2.94005 9.13755 2.94005 9.90099C2.94005 10.8553 3.50954 16.3902 5.97735 18.108C8.0655 19.444 14.7096 20.78 17.9367 18.108C20.5944 15.8176 22.3029 10.2827 21.9232 9.32841C21.5435 8.37411 22.3029 7.9924 23.4418 7.9924ZM39.1978 18.108C36.1605 19.0623 30.6554 19.444 28.3775 16.1994C26.4791 13.3365 25.9096 9.51927 26.2893 9.13755C26.2893 9.13755 28.5673 5.89294 34.8317 5.89294C41.0962 5.89294 42.8046 7.41982 42.8046 9.71013C42.8046 12.0005 42.425 17.1537 39.1978 18.108ZM4.07904 9.71013C4.07904 7.41982 5.78752 5.70208 12.052 5.89294C18.3164 5.89294 20.5944 9.13755 20.5944 9.13755C20.974 9.71013 20.4045 13.3365 18.5062 16.1994C16.4181 19.6348 10.913 19.0623 7.68583 18.108C4.4587 17.1537 4.07904 12.0005 4.07904 9.71013Z"
}

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