Alain Afflelou Design System

Social: Rss 

<svg class=" shrink-0" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M8.626 17C7.729 17 7 16.273 7 15.376C7 14.479 7.729 13.752 8.626 13.752C9.523 13.752 10.252 14.479 10.252 15.376C10.252 16.273 9.523 17 8.626 17ZM12.511 17C12.481 13.978 10.026 11.526 7 11.496V9.09C11.361 9.12 14.889 12.645 14.92 17H12.511ZM16.592 17C16.576 11.703 12.289 7.429 7 7.406V5C13.623 5.023 18.985 10.384 19 17H16.592Z" fill="currentColor" />
</svg>
 
{% include "@template-icon" %}
 
{
  "type": "social",
  "path": "M8.626 17C7.729 17 7 16.273 7 15.376C7 14.479 7.729 13.752 8.626 13.752C9.523 13.752 10.252 14.479 10.252 15.376C10.252 16.273 9.523 17 8.626 17ZM12.511 17C12.481 13.978 10.026 11.526 7 11.496V9.09C11.361 9.12 14.889 12.645 14.92 17H12.511ZM16.592 17C16.576 11.703 12.289 7.429 7 7.406V5C13.623 5.023 18.985 10.384 19 17H16.592Z"
}

Social icons guide

How to use

(You can click on the icons to copy the correct icon name)

Template name

icons-social

Import

{% render "@icons-social--variant" with {...} %}

Examples

{% render "@icons-library--facebook" %}

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