D.School Component Library

Icons: Xl 

<span class="o-icon o-icon--xl">
      <svg width="25" height="25" viewBox="0 0 25 25" fill="currentcolor" xmlns="http://www.w3.org/2000/svg">
          <path d="M13.3901 21.1203L14.4501 22.1803L23.1101 13.5203V11.4803L14.4501 2.82031L13.3901 3.88031L21.2601 11.7503H1.89014V13.2503H21.2601L13.3901 21.1203Z" />
      </svg>
  </span>
 
{% set base_class = icon.base_class|default('o-icon') %}
{% if icon.name %}
  <span class="{{ bem(base_class, icon.element, icon.modifiers, icon.extra) }}">
    {% include "@icon-" ~ icon.name %}
  </span>
{% endif %}
 
{
  "icon": {
    "name": "arrow-right",
    "modifiers": "xl"
  }
}

No notes defined.