{# Credit: Heroicons (https://heroicons.com) #}
<c-vars variant="outline" style="" stroke_width="1.5" stroke_linecap="round" stroke_linejoin="round" />

{% if variant == "outline" %}
{% with default_style="width: 1.5rem; height: 1.5rem; flex-shrink: 0;" %}
<svg {{ attrs }} style="{{ style|default:default_style }}" aria-hidden="true" data-slot="icon" fill="none" stroke="currentColor" stroke-linecap="{{ stroke_linecap }}" stroke-linejoin="{{ stroke_linejoin }}" stroke-width="{{ stroke_width }}" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M15.75 9V5.25A2.25 2.25 0 0 0 13.5 3h-6a2.25 2.25 0 0 0-2.25 2.25v13.5A2.25 2.25 0 0 0 7.5 21h6a2.25 2.25 0 0 0 2.25-2.25V15M12 9l-3 3m0 0 3 3m-3-3h12.75"></path>
</svg>
{% endwith %}
{% endif %}

{% if variant == "solid" %}
{% with default_style="width: 1.5rem; height: 1.5rem; flex-shrink: 0;" %}
<svg {{ attrs }} style="{{ style|default:default_style }}" aria-hidden="true" data-slot="icon" fill="currentColor" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M7.5 3.75A1.5 1.5 0 0 0 6 5.25v13.5a1.5 1.5 0 0 0 1.5 1.5h6a1.5 1.5 0 0 0 1.5-1.5V15a.75.75 0 0 1 1.5 0v3.75a3 3 0 0 1-3 3h-6a3 3 0 0 1-3-3V5.25a3 3 0 0 1 3-3h6a3 3 0 0 1 3 3V9A.75.75 0 0 1 15 9V5.25a1.5 1.5 0 0 0-1.5-1.5h-6Zm5.03 4.72a.75.75 0 0 1 0 1.06l-1.72 1.72h10.94a.75.75 0 0 1 0 1.5H10.81l1.72 1.72a.75.75 0 1 1-1.06 1.06l-3-3a.75.75 0 0 1 0-1.06l3-3a.75.75 0 0 1 1.06 0Z" fill-rule="evenodd"></path>
</svg>
{% endwith %}
{% endif %}

{% if variant == "mini" %}
{% with default_style="width: 1.25rem; height: 1.25rem; flex-shrink: 0;" %}
<svg {{ attrs }} style="{{ style|default:default_style }}" aria-hidden="true" data-slot="icon" fill="currentColor" viewbox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
<path clip-rule="evenodd" d="M3 4.25A2.25 2.25 0 0 1 5.25 2h5.5A2.25 2.25 0 0 1 13 4.25v2a.75.75 0 0 1-1.5 0v-2a.75.75 0 0 0-.75-.75h-5.5a.75.75 0 0 0-.75.75v11.5c0 .414.336.75.75.75h5.5a.75.75 0 0 0 .75-.75v-2a.75.75 0 0 1 1.5 0v2A2.25 2.25 0 0 1 10.75 18h-5.5A2.25 2.25 0 0 1 3 15.75V4.25Z" fill-rule="evenodd"></path>
<path clip-rule="evenodd" d="M19 10a.75.75 0 0 0-.75-.75H8.704l1.048-.943a.75.75 0 1 0-1.004-1.114l-2.5 2.25a.75.75 0 0 0 0 1.114l2.5 2.25a.75.75 0 1 0 1.004-1.114l-1.048-.943h9.546A.75.75 0 0 0 19 10Z" fill-rule="evenodd"></path>
</svg>
{% endwith %}
{% endif %}

{% if variant == "micro" %}
{% with default_style="width: 1rem; height: 1rem; flex-shrink: 0;" %}
__MICRO__
{% endwith %}
{% endif %}