Icon: Spinner

{%- 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 -%}