Alain Afflelou Design System

Afflelou: Octogonale 

<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="M38.1693 4H31.4359L26.6727 8.814V8.89858L26.6363 8.93579L26.6462 9.27409C26.5735 9.45339 26.5305 9.64284 26.514 9.83567C26.5107 9.86612 26.4744 9.89318 26.4545 9.92363C26.4016 9.81199 26.395 9.71388 26.3785 9.61916C26.3686 9.55826 26.3487 9.46354 26.3124 9.45001C26.2826 9.43986 26.2529 9.43648 26.2198 9.43648C26.1769 9.43309 26.1339 9.44662 26.0975 9.47369C25.9223 9.6496 25.7009 9.67329 25.4794 9.67329C24.9736 9.67667 24.4646 9.67667 23.9589 9.67667C23.4531 9.67667 22.9441 9.67667 22.4383 9.67329C22.2168 9.67329 21.9987 9.64622 21.8202 9.47369C21.7838 9.44662 21.7408 9.43309 21.6946 9.43648C21.6648 9.43648 21.6351 9.43986 21.6053 9.45001C21.569 9.46354 21.5491 9.55826 21.5392 9.61577C21.5194 9.71388 21.5161 9.81199 21.5028 9.91009L21.4467 9.92363C21.4268 9.87288 21.3971 9.82552 21.3905 9.77139C21.3772 9.66652 21.3574 9.56165 21.331 9.46016V8.91549L16.571 4.10149H9.83434L5.07108 8.91549V9.37896H3.13735C3.06463 9.37896 3.00513 9.43986 3.00513 9.51428V11.1212C3.00513 11.1956 3.06463 11.2565 3.13735 11.2565H5.07108V15.7255L9.83434 20.5429H16.571L21.3343 15.7255V13.8614C21.4467 13.7092 21.5723 13.5637 21.6615 13.398C21.926 12.9176 22.1111 12.3932 22.2069 11.8486C22.2532 11.5813 22.2863 11.3107 22.3061 11.04C22.3193 10.8641 22.1937 10.6916 22.0615 10.6544C21.84 10.5968 21.8202 10.5596 21.9028 10.3228C22.5904 10.3702 23.2746 10.3939 23.9622 10.3939C24.6497 10.3939 25.3373 10.3702 26.0215 10.3228C26.0942 10.5258 26.0678 10.6104 25.9289 10.6476C25.6777 10.7186 25.5951 10.8066 25.6182 11.0705C25.6447 11.3851 25.6876 11.6963 25.7504 12.0076C25.8562 12.5252 26.0446 13.0225 26.3124 13.4792C26.4182 13.6618 26.557 13.8276 26.6793 14.0035V15.6206L31.4393 20.438H38.1759L42.9392 15.624V11.2565H44.8729C44.9456 11.2565 45.0051 11.1956 45.0051 11.1212V9.51428C45.0051 9.43986 44.9456 9.37896 44.8729 9.37896H42.9392V8.814L38.1693 4ZM31.9781 19.0882L27.9949 15.059V9.37896L31.9781 5.3532H37.6272L41.6104 9.37896V15.059L37.6272 19.0882H31.9781ZM10.3764 19.1897L6.39329 15.1639V9.48045L10.3764 5.45469H16.0256L20.0087 9.48045V15.1605L16.0256 19.1897H10.3764Z" fill="currentColor" />
</svg>
 
{% include "@template-icon" with {
    width: size|default(24)*2,
    height: size|default(24),
} %}
 
{
  "viewBox": "0 0 48 24",
  "type": "afflelou",
  "path": "M38.1693 4H31.4359L26.6727 8.814V8.89858L26.6363 8.93579L26.6462 9.27409C26.5735 9.45339 26.5305 9.64284 26.514 9.83567C26.5107 9.86612 26.4744 9.89318 26.4545 9.92363C26.4016 9.81199 26.395 9.71388 26.3785 9.61916C26.3686 9.55826 26.3487 9.46354 26.3124 9.45001C26.2826 9.43986 26.2529 9.43648 26.2198 9.43648C26.1769 9.43309 26.1339 9.44662 26.0975 9.47369C25.9223 9.6496 25.7009 9.67329 25.4794 9.67329C24.9736 9.67667 24.4646 9.67667 23.9589 9.67667C23.4531 9.67667 22.9441 9.67667 22.4383 9.67329C22.2168 9.67329 21.9987 9.64622 21.8202 9.47369C21.7838 9.44662 21.7408 9.43309 21.6946 9.43648C21.6648 9.43648 21.6351 9.43986 21.6053 9.45001C21.569 9.46354 21.5491 9.55826 21.5392 9.61577C21.5194 9.71388 21.5161 9.81199 21.5028 9.91009L21.4467 9.92363C21.4268 9.87288 21.3971 9.82552 21.3905 9.77139C21.3772 9.66652 21.3574 9.56165 21.331 9.46016V8.91549L16.571 4.10149H9.83434L5.07108 8.91549V9.37896H3.13735C3.06463 9.37896 3.00513 9.43986 3.00513 9.51428V11.1212C3.00513 11.1956 3.06463 11.2565 3.13735 11.2565H5.07108V15.7255L9.83434 20.5429H16.571L21.3343 15.7255V13.8614C21.4467 13.7092 21.5723 13.5637 21.6615 13.398C21.926 12.9176 22.1111 12.3932 22.2069 11.8486C22.2532 11.5813 22.2863 11.3107 22.3061 11.04C22.3193 10.8641 22.1937 10.6916 22.0615 10.6544C21.84 10.5968 21.8202 10.5596 21.9028 10.3228C22.5904 10.3702 23.2746 10.3939 23.9622 10.3939C24.6497 10.3939 25.3373 10.3702 26.0215 10.3228C26.0942 10.5258 26.0678 10.6104 25.9289 10.6476C25.6777 10.7186 25.5951 10.8066 25.6182 11.0705C25.6447 11.3851 25.6876 11.6963 25.7504 12.0076C25.8562 12.5252 26.0446 13.0225 26.3124 13.4792C26.4182 13.6618 26.557 13.8276 26.6793 14.0035V15.6206L31.4393 20.438H38.1759L42.9392 15.624V11.2565H44.8729C44.9456 11.2565 45.0051 11.1956 45.0051 11.1212V9.51428C45.0051 9.43986 44.9456 9.37896 44.8729 9.37896H42.9392V8.814L38.1693 4ZM31.9781 19.0882L27.9949 15.059V9.37896L31.9781 5.3532H37.6272L41.6104 9.37896V15.059L37.6272 19.0882H31.9781ZM10.3764 19.1897L6.39329 15.1639V9.48045L10.3764 5.45469H16.0256L20.0087 9.48045V15.1605L16.0256 19.1897H10.3764Z"
}

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