Front W - Pattern Library

Button: Icon Only 

<button class="btn">
      <svg class="icon" aria-hidden="true" focusable="false" width="16" height="16">
          <use xlink:href="/assets/icons.svg#i-close" />
      </svg>
      <span class="visually-hidden">Button label</span> </button>
 
{% if icon_position is not defined %}
  {% set icon_position = 'before' %}
{% endif %}
<button class="btn{{ modifier ? ' btn--' ~ modifier }}{{ size ? ' btn--' ~ size }}{{ expanded ? ' btn--expanded' }}">
  {% if icon and icon_position == 'before' %}
    {% include '@icon' with { 'type': icon } %}
  {% endif %}
  {% if icon %}<span{% if icon_only %} class="visually-hidden"{% endif %}>{% endif %}{{ label }}{% if icon %}</span>{% endif %}
  {% if icon and icon_position == 'after' %}
    {% include '@icon' with { 'type': icon } %}
  {% endif %}
</button>
 
{
  "label": "Button label",
  "icon": "i-close",
  "icon_only": true
}