Alain Afflelou Design System

Afflelou: Largeur Du Verre 

<svg class=" shrink-0" width="48" height="24" viewBox="0 0 64 28.8" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.4 27.3C21.5245 27.3 27.3 21.5245 27.3 14.4C27.3 7.27553 21.5245 1.5 14.4 1.5C7.27553 1.5 1.5 7.27553 1.5 14.4C1.5 21.5245 7.27553 27.3 14.4 27.3ZM14.4 28.8C22.3529 28.8 28.8 22.3529 28.8 14.4C28.8 6.4471 22.3529 0 14.4 0C6.4471 0 0 6.4471 0 14.4C0 22.3529 6.4471 28.8 14.4 28.8Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M49.6 27.3C56.7245 27.3 62.5 21.5245 62.5 14.4C62.5 7.27553 56.7245 1.5 49.6 1.5C42.4755 1.5 36.7 7.27553 36.7 14.4C36.7 21.5245 42.4755 27.3 49.6 27.3ZM49.6 28.8C57.5529 28.8 64 22.3529 64 14.4C64 6.4471 57.5529 7.62939e-07 49.6 7.62939e-07C41.6471 7.62939e-07 35.2 6.4471 35.2 14.4C35.2 22.3529 41.6471 28.8 49.6 28.8Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M35.2 15.15H28.8V13.65H35.2V15.15Z" fill="currentColor" />
    <path fill-rule="evenodd" clip-rule="evenodd" d="M42.8071 14.9L45.1535 17.2464L44.4464 17.9536L40.8929 14.4L44.4464 10.8464L45.1535 11.5536L42.8071 13.9H56.3929L54.0464 11.5536L54.7536 10.8464L58.3071 14.4L54.7536 17.9536L54.0464 17.2464L56.3929 14.9H42.8071Z" fill="#A3A3A3" />
</svg>
 
{% include "@template-icon" with {
    width: size|default(24)*2,
    height: size|default(24),
} %}
 
{
  "viewBox": "0 0 64 28.8",
  "type": "afflelou",
  "paths": [
    {
      "path": "M14.4 27.3C21.5245 27.3 27.3 21.5245 27.3 14.4C27.3 7.27553 21.5245 1.5 14.4 1.5C7.27553 1.5 1.5 7.27553 1.5 14.4C1.5 21.5245 7.27553 27.3 14.4 27.3ZM14.4 28.8C22.3529 28.8 28.8 22.3529 28.8 14.4C28.8 6.4471 22.3529 0 14.4 0C6.4471 0 0 6.4471 0 14.4C0 22.3529 6.4471 28.8 14.4 28.8Z"
    },
    {
      "path": "M49.6 27.3C56.7245 27.3 62.5 21.5245 62.5 14.4C62.5 7.27553 56.7245 1.5 49.6 1.5C42.4755 1.5 36.7 7.27553 36.7 14.4C36.7 21.5245 42.4755 27.3 49.6 27.3ZM49.6 28.8C57.5529 28.8 64 22.3529 64 14.4C64 6.4471 57.5529 7.62939e-07 49.6 7.62939e-07C41.6471 7.62939e-07 35.2 6.4471 35.2 14.4C35.2 22.3529 41.6471 28.8 49.6 28.8Z"
    },
    {
      "path": "M35.2 15.15H28.8V13.65H35.2V15.15Z"
    },
    {
      "path": "M42.8071 14.9L45.1535 17.2464L44.4464 17.9536L40.8929 14.4L44.4464 10.8464L45.1535 11.5536L42.8071 13.9H56.3929L54.0464 11.5536L54.7536 10.8464L58.3071 14.4L54.7536 17.9536L54.0464 17.2464L56.3929 14.9H42.8071Z",
      "color": "#A3A3A3"
    }
  ]
}

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