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