Alain Afflelou Design System

Afflelou: Ovale 

<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="M24.0944 8.57711C25.6052 8.57711 26.1717 9.33018 26.1717 9.33018C26.3605 9.70672 26.3605 10.0833 26.1717 10.4598C25.9828 10.6481 25.9828 11.0246 25.9828 11.4011C27.6824 19.8732 35.0472 19.8732 35.0472 19.8732C42.9785 20.2498 43.7339 11.7777 43.7339 10.6481C43.9228 9.51845 44.3004 9.51845 44.6781 9.33018C45.0558 9.14191 45.4335 9.14191 46 9.14191V7.25923C41.6567 5.37654 38.4464 5 35.2361 5C30.8927 5 27.4936 7.25923 27.3047 7.25923H26.927C26.3605 7.07096 25.6052 6.88269 25.0386 6.88269H22.9614C22.3948 6.88269 21.6395 7.07096 21.073 7.25923H20.6953C20.3176 7.07096 17.1073 5 12.7639 5C9.55365 5 6.34335 5.56481 2 7.25923V9.14191C2.37768 9.14191 2.94421 9.14191 3.32189 9.33018C3.69957 9.51845 4.07725 9.70672 4.26609 10.6481C4.26609 11.7777 5.02146 20.2498 12.9528 19.8732C12.9528 19.8732 20.3176 19.8732 22.0172 11.4011C22.0172 11.0246 22.0172 10.8363 21.8283 10.6481V9.51845C21.8283 9.33018 22.3948 8.57711 24.0944 8.57711ZM35.4249 19.3084C29.0043 19.4967 26.927 13.2838 27.1159 11.0246C27.1159 9.89499 27.4936 8.95365 28.2489 8.20057C28.2489 8.20057 30.515 5.37654 35.2361 5.56481C39.9571 5.75308 42.2232 7.63576 42.6009 9.70672C42.9785 11.7777 42.6009 19.1202 35.4249 19.3084ZM5.2103 9.70672C5.58798 7.63576 7.85408 5.94134 12.5751 5.56481C17.2961 5.37654 19.5622 8.20057 19.5622 8.20057C20.3176 8.95365 20.6953 9.89499 20.6953 11.0246C20.8841 13.0956 18.8069 19.3084 12.3863 19.3084C5.39914 19.1202 5.02146 11.7777 5.2103 9.70672Z" fill="currentColor" />
</svg>
 
{% include "@template-icon" with {
    width: size|default(24)*2,
    height: size|default(24),
} %}
 
{
  "viewBox": "0 0 48 24",
  "type": "afflelou",
  "path": "M24.0944 8.57711C25.6052 8.57711 26.1717 9.33018 26.1717 9.33018C26.3605 9.70672 26.3605 10.0833 26.1717 10.4598C25.9828 10.6481 25.9828 11.0246 25.9828 11.4011C27.6824 19.8732 35.0472 19.8732 35.0472 19.8732C42.9785 20.2498 43.7339 11.7777 43.7339 10.6481C43.9228 9.51845 44.3004 9.51845 44.6781 9.33018C45.0558 9.14191 45.4335 9.14191 46 9.14191V7.25923C41.6567 5.37654 38.4464 5 35.2361 5C30.8927 5 27.4936 7.25923 27.3047 7.25923H26.927C26.3605 7.07096 25.6052 6.88269 25.0386 6.88269H22.9614C22.3948 6.88269 21.6395 7.07096 21.073 7.25923H20.6953C20.3176 7.07096 17.1073 5 12.7639 5C9.55365 5 6.34335 5.56481 2 7.25923V9.14191C2.37768 9.14191 2.94421 9.14191 3.32189 9.33018C3.69957 9.51845 4.07725 9.70672 4.26609 10.6481C4.26609 11.7777 5.02146 20.2498 12.9528 19.8732C12.9528 19.8732 20.3176 19.8732 22.0172 11.4011C22.0172 11.0246 22.0172 10.8363 21.8283 10.6481V9.51845C21.8283 9.33018 22.3948 8.57711 24.0944 8.57711ZM35.4249 19.3084C29.0043 19.4967 26.927 13.2838 27.1159 11.0246C27.1159 9.89499 27.4936 8.95365 28.2489 8.20057C28.2489 8.20057 30.515 5.37654 35.2361 5.56481C39.9571 5.75308 42.2232 7.63576 42.6009 9.70672C42.9785 11.7777 42.6009 19.1202 35.4249 19.3084ZM5.2103 9.70672C5.58798 7.63576 7.85408 5.94134 12.5751 5.56481C17.2961 5.37654 19.5622 8.20057 19.5622 8.20057C20.3176 8.95365 20.6953 9.89499 20.6953 11.0246C20.8841 13.0956 18.8069 19.3084 12.3863 19.3084C5.39914 19.1202 5.02146 11.7777 5.2103 9.70672Z"
}

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