Icon

<i class="kx-icon kx-icon--size-base">
        <svg focusable="false">
            <use href="../../assets/img/icons/sprites/icons.svg#person"></use>
        </svg>
    </i>
{%- if type == "icon" -%}
    <i class="kx-icon{% if size %} kx-icon--size-{{ size }}{% endif %}{% for class in classes %} {{ class }}{% endfor %}">
        <svg focusable="false">
            <use href="{{ '/assets/img/icons/sprites/icons.svg' | path }}#{% if symbol %}{{ symbol }}{% endif %}">{% if title -%}<title>{{ title }}</title>{% endif -%}</use>
        </svg>
    </i>
{%- else -%}
    <i class="kx-icon{% if size %} kx-icon--size-{{ size }}{% endif %} kx-spinner">
        <svg class="kx-spinner__icon" viewBox="0 0 50 50">
            <circle class="path" cx="25" cy="25" r="20" fill="none" stroke-width="6"></circle>
        </svg>
    </i>
{% endif -%}
{
  "size": "base",
  "classes": null,
  "title": null,
  "symbol": "person",
  "ariaHidden": null
}

There are no notes for this item.