tabler/pages/_includes/ui/icon.html

{% assign icon-name = include.icon %}

{% assign replace-to = "icon" %}

{% if include.class %}
{% assign replace-to = replace-to | append: ' ' | append: include.class %}
{% endif %}

{% if include.color %}
{% assign replace-to = replace-to | append: ' text-' | append: include.color %}
{% endif %}

{% if include.filled %}
{% assign replace-to = replace-to | append: ' icon-filled' %}
{% endif %}

{% if include.inline %}
{% assign replace-to = replace-to | append: ' icon-inline' %}
{% endif %}

{% if size %}
{% assign replace-to = replace-to | append: ' icon-' | append: size %}
{% endif %}

{% assign size = size | default: 24 %}

{% assign replace-to = 'class="' | append: replace-to | append: '"' %}

{% if site.use-iconfont %}
	<i class="icon ti ti-{{ icon-name }}{% if include.color %} {{ include.color }}{% endif %}{% if include.filled %} icon-filled{% endif %}{% if include.class %} {{ include.class }}{% endif %}"></i>
{% else %}
	<!-- Download SVG icon from http://tabler-icons.io/i/{{ icon-name }} -->
	{% assign svg-icon = icons[icon-name].svg | default: '' %}
	{{ svg-icon | replace_regex: 'class=\"[^"]+\"', replace-to }}
{% endif %}