tabler/pages/_includes/cards/icons.html

{% assign icons = include.icons %}

{% if env == 'development' %}
	{% assign icons = icons | slice: 0, 20 %}
{% endif %}

<div class="card">
	<div class="card-header">
		<div class="card-title">{{ include.title }}</div>
	</div>
	<div class="card-body p-0">
		<div class="demo-icons-list-wrap">
			<div class="demo-icons-list">
				{% for icon in icons %}
				<a href="https://tabler-icons.io/i/{{ icon }}" target="_blank" rel="noopener" class="demo-icons-list-item" title="{{ icon }}" data-bs-toggle="tooltip" data-bs-placement="top">
					{% include "ui/icon.html" icon={{ icon }} %}
				</a>
				{% endfor %}
				{% for icon in (0..20) %}
				<div></div>
				{% endfor %}
			</div>
		</div>
	</div>
</div>