Alain Afflelou Design System

Afflelou: Papillon 

<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.5 11.0276C26.03 10.8388 26.4124 11.9719 27.3687 14.8046C29.8549 20.659 35.4009 20.8478 39.2258 18.9593C43.0507 17.0708 44.7719 9.70568 44.7719 9.70568C45.1544 8.95028 45.5369 8.38373 45.9194 7.81718C45.9194 7.81718 46.3019 6.11753 46.4931 4.79558C46.6844 3.47364 42.8595 3.85134 37.6959 3.85134C32.5323 3.85134 26.03 7.81718 25.6475 8.19488C25.265 8.38373 24.8825 8.38373 24.5 8.38373C24.1175 8.38373 23.735 8.38373 23.3525 8.19488C22.7788 8.00603 16.2765 3.85134 11.3041 3.85134C6.14051 3.85134 2.31562 3.66249 2.50687 4.79558C2.69811 5.92868 3.0806 7.81718 3.0806 7.81718C3.65433 8.38373 4.03682 9.13913 4.22807 9.70568C4.22807 9.70568 5.94927 17.0708 9.77416 18.9593C13.5991 20.8478 19.1452 20.659 21.6313 14.8046C22.5876 11.9719 22.97 10.8388 24.5 11.0276ZM35.0185 19.5259C29.0899 19.5259 27.1774 13.8604 26.9862 11.0276C26.7949 8.19488 30.6198 6.68408 30.6198 6.68408C34.4447 5.17328 38.4609 5.73983 39.9908 5.92868C41.9033 6.30638 43.4332 7.25063 43.4332 8.19488C43.6245 12.7273 40.5645 19.5259 35.0185 19.5259ZM5.56678 8.00603C5.56678 7.06178 7.09674 6.11753 9.00918 5.73983C10.3479 5.55098 14.5553 4.98443 18.3802 6.49523C18.3802 6.49523 22.2051 8.00603 22.0138 10.8388C21.8226 13.6715 19.9101 19.337 13.9815 19.337C8.24421 19.5259 5.18429 12.7273 5.56678 8.00603Z" 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.5 11.0276C26.03 10.8388 26.4124 11.9719 27.3687 14.8046C29.8549 20.659 35.4009 20.8478 39.2258 18.9593C43.0507 17.0708 44.7719 9.70568 44.7719 9.70568C45.1544 8.95028 45.5369 8.38373 45.9194 7.81718C45.9194 7.81718 46.3019 6.11753 46.4931 4.79558C46.6844 3.47364 42.8595 3.85134 37.6959 3.85134C32.5323 3.85134 26.03 7.81718 25.6475 8.19488C25.265 8.38373 24.8825 8.38373 24.5 8.38373C24.1175 8.38373 23.735 8.38373 23.3525 8.19488C22.7788 8.00603 16.2765 3.85134 11.3041 3.85134C6.14051 3.85134 2.31562 3.66249 2.50687 4.79558C2.69811 5.92868 3.0806 7.81718 3.0806 7.81718C3.65433 8.38373 4.03682 9.13913 4.22807 9.70568C4.22807 9.70568 5.94927 17.0708 9.77416 18.9593C13.5991 20.8478 19.1452 20.659 21.6313 14.8046C22.5876 11.9719 22.97 10.8388 24.5 11.0276ZM35.0185 19.5259C29.0899 19.5259 27.1774 13.8604 26.9862 11.0276C26.7949 8.19488 30.6198 6.68408 30.6198 6.68408C34.4447 5.17328 38.4609 5.73983 39.9908 5.92868C41.9033 6.30638 43.4332 7.25063 43.4332 8.19488C43.6245 12.7273 40.5645 19.5259 35.0185 19.5259ZM5.56678 8.00603C5.56678 7.06178 7.09674 6.11753 9.00918 5.73983C10.3479 5.55098 14.5553 4.98443 18.3802 6.49523C18.3802 6.49523 22.2051 8.00603 22.0138 10.8388C21.8226 13.6715 19.9101 19.337 13.9815 19.337C8.24421 19.5259 5.18429 12.7273 5.56678 8.00603Z"
}

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