Etat Pur Design System

Social: Youtube 

<svg class=" shrink-0" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true">
    <path fill-rule="evenodd" clip-rule="evenodd" d="M14.2511 3.00091C14.9395 3.18488 15.4816 3.72697 15.6656 4.41541C16 5.66316 16 8.26654 16 8.26654C16 8.26654 16 10.8699 15.6656 12.1175C15.4816 12.806 14.9395 13.3482 14.2511 13.5322C13.0032 13.8664 7.99994 13.8664 7.99994 13.8664C7.99994 13.8664 2.99666 13.8664 1.74875 13.5322C1.06047 13.3482 0.51825 12.806 0.33425 12.1175C0 10.8699 0 8.26654 0 8.26654C0 8.26654 0 5.66316 0.33425 4.41541C0.51825 3.72697 1.06047 3.18488 1.74875 3.00091C2.99666 2.6665 7.99994 2.6665 7.99994 2.6665C7.99994 2.6665 13.0032 2.6665 14.2511 3.00091ZM10.5566 8.26706L6.39974 10.6671V5.86702L10.5566 8.26706Z" fill="currentColor" />

</svg>
 
{% include "@template-icon" %}
 
{
  "type": "social",
  "width": 16,
  "height": 16,
  "viewBox": "0 0 16 16",
  "path": "M14.2511 3.00091C14.9395 3.18488 15.4816 3.72697 15.6656 4.41541C16 5.66316 16 8.26654 16 8.26654C16 8.26654 16 10.8699 15.6656 12.1175C15.4816 12.806 14.9395 13.3482 14.2511 13.5322C13.0032 13.8664 7.99994 13.8664 7.99994 13.8664C7.99994 13.8664 2.99666 13.8664 1.74875 13.5322C1.06047 13.3482 0.51825 12.806 0.33425 12.1175C0 10.8699 0 8.26654 0 8.26654C0 8.26654 0 5.66316 0.33425 4.41541C0.51825 3.72697 1.06047 3.18488 1.74875 3.00091C2.99666 2.6665 7.99994 2.6665 7.99994 2.6665C7.99994 2.6665 13.0032 2.6665 14.2511 3.00091ZM10.5566 8.26706L6.39974 10.6671V5.86702L10.5566 8.26706Z"
}

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
  • aria_hidden: boolean | default: true
  • size: 12, 16, 24, 32, 40, 48, 64, 92 | default: 24
  • path: string | default: svg path d attribute