A graphic element.
<div class="fill-current w-14 h-14 md:w-16 md:h-16" aria-hidden="true"><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M48 0H0V48H48V0Z" fill="none" />
<path d="M46.77 22.5H41.25" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M45.35 20.93H41.17" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M45.47 37.76H41.15" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M1.22998 22.5H6.74998" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M2.65002 20.93H6.83002" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M2.53003 37.76H6.85003" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M35.44 40.25H12.39" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M40.8901 33.59H6.93005" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M37.19 13.09L23.48 8.77002L9.89001 13.27" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M24.98 35.64H22.85V39.12H24.98V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M8.51001 33.59H11.27L10.95 20.06H8.82001L8.51001 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M11.32 18.68H8.45996V20.06H11.32V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M13.2 33.59H15.96L15.64 20.06H13.51L13.2 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16.01 18.68H13.15V20.06H16.01V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M17.89 33.59H20.65L20.33 20.06H18.2L17.89 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.7 18.68H17.84V20.06H20.7V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M22.5699 33.59H25.3399L25.0199 20.06H22.8899L22.5699 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M25.38 18.68H22.52V20.06H25.38V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M27.26 33.59H30.02L29.71 20.06H27.58L27.26 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M30.07 18.68H27.21V20.06H30.07V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M31.95 33.59H34.7099L34.4 20.06H32.27L31.95 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M34.76 18.68H31.9V20.06H34.76V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M36.64 33.59H39.4L39.09 20.06H36.96L36.64 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M39.45 18.68H36.59V20.06H39.45V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M20.77 35.64H18.64V39.12H20.77V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M29.1999 35.64H27.0699V39.12H29.1999V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M33.41 35.64H31.28V39.12H33.41V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M16.5601 35.64H14.4301V39.12H16.5601V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6.81006 16.59V41.38H41.1001V16.59" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6.93005 18.68H41.0301" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M5.94998 13.99V13.27L5.22998 12.67L23.48 6.63L42.97 12.76L42.31 13.27L42.25 13.9L41.08 15.08V16.31L6.72998 16.4V15.08L5.94998 13.99Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M5.94995 13.27H42.31" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M6.72998 15.08H41.08" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
<path d="M36.1001 41.38H11.8101L12.7601 39.12H35.1501L36.1001 41.38Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
{# Prop: dir #}
{% set dir = dir ?? 'tabler' %}
{% set classes = ['fill-current'] %}
{# Prop: size #}
{% if size == '4xlarge' %}
{% set classes = classes|merge(['w-72', 'h-72', 'md:w-96', 'md:h-96']) %}
{% elseif size == '3xlarge' %}
{% set classes = classes|merge(['w-36', 'h-36', 'md:w-48', 'md:h-48']) %}
{% elseif size == '2xlarge' %}
{% set classes = classes|merge(['w-20', 'h-20', 'md:w-24', 'md:h-24']) %}
{% elseif size == 'xlarge' %}
{% set classes = classes|merge(['w-14', 'h-14', 'md:w-16', 'md:h-16']) %}
{% elseif size == 'large' %}
{% set classes = classes|merge(['w-10', 'h-10', 'md:w-12', 'md:h-12']) %}
{% elseif size == 'medium' %}
{% set classes = classes|merge(['w-7', 'h-7', 'md:w-8', 'md:h-8']) %}
{% elseif size == 'small' %}
{% set classes = classes|merge(['w-5', 'h-5', 'md:w-6', 'md:h-6']) %}
{% elseif size == 'xsmall' %}
{% set classes = classes|merge(['w-3', 'h-3', 'md:w-4', 'md:h-4']) %}
{% else %}
{# default: small #}
{% set classes = classes|merge(['w-5', 'h-5', 'md:w-6', 'md:h-6']) %}
{% endif %}
{# Prop: extraClasses #}
{% if extraClasses is defined and extraClasses is iterable %}
{% set classes = classes|merge(extraClasses) %}
{% endif %}
{% if icon %}
{% set svg = '@icons/' ~ dir ~ '/' ~ icon ~ '.svg' %}
<div class="{{ classes|join(' ') }}" aria-hidden="true">{% include svg %}</div>
{% endif %}