← back to Dw Theme Hamburger
snippets/icons.liquid
115 lines
{%- assign shared_attr = 'xmlns="http://www.w3.org/2000/svg"' -%}
{% if id == 'ar' %}
<svg {{ shared_attr }} viewBox="0 0 60 60">
<path fill="currentColor" d="M40.4 22.57l-8.8-5.14a3.19 3.19 0 00-3.21 0l-8.8 5.14A3.24 3.24 0 0018 25.36v10.28a3.23 3.23 0 001.6 2.79l8.8 5.14a3.2 3.2 0 003.21 0l8.8-5.14A3.23 3.23 0 0042 35.64V25.36a3.24 3.24 0 00-1.6-2.79zM20.6 36.7a1.23 1.23 0 01-.6-1.06V25.36a1.23 1.23 0 01.6-1.06l8.8-5.14a1.19 1.19 0 011.19 0l8.8 5.14a1.2 1.2 0 01.36.34l-9.51 4.89a2.23 2.23 0 00-1.25 2V41.6z"/>
</svg>
{% endif %}
{% if id == 'model-thumb' %}
<svg {{ shared_attr }} width="26" height="26" viewBox="0 0 26 26">
<path d="M1,25H25V1H1Z" fill="none"/>
<path d="M19.13,8.28,14,5.32a2,2,0,0,0-2,0l-5.12,3a2,2,0,0,0-1,1.76V16a2,2,0,0,0,1,1.76l5.12,3a2,2,0,0,0,2,0l5.12-3a2,2,0,0,0,1-1.76V10A2,2,0,0,0,19.13,8.28Zm-6.4,11.1-5.12-3A.53.53,0,0,1,7.35,16V10a.53.53,0,0,1,.27-.46l5.12-3a.53.53,0,0,1,.53,0l5.12,3-4.72,2.68a1.33,1.33,0,0,0-.67,1.2v6a.53.53,0,0,1-.26,0Z" fill="currentColor" style="isolation:isolate"/>
</svg>
{% endif %}
{% if id == 'play-thumb' %}
<svg {{ shared_attr }} width="26" height="26" viewBox="0 0 26 26" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M1 25H25V1H1V25Z" fill="none"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.71814 6.71984C9.0517 6.31605 8.19995 6.79588 8.19995 7.5751V18.311C8.19995 19.1138 9.09826 19.5893 9.76217 19.1379L18.1123 13.4612C18.7146 13.0518 18.6912 12.1564 18.0682 11.779L9.71814 6.71984Z" fill="currentColor"/>
</svg>
{% endif %}
{%- if id == 'quote' -%}
<svg {{ shared_attr }} width="24" height="21" viewBox="0 0 24 21">
<path fill="currentColor" fill-rule="evenodd" d="M2.436 18.227C1.425 16.969.919 15.329.919 13.306c0-2.763.752-5.266 2.257-7.511C4.681 3.55 6.987 1.663 10.095.134l.814 1.184c-1.48.888-2.824 2.134-4.033 3.737-1.209 1.603-1.813 3.219-1.813 4.847 0 .444.123.802.37 1.073.247.271.617.407 1.11.407 1.233 0 2.282.432 3.145 1.295s1.295 1.912 1.295 3.145-.432 2.257-1.295 3.071c-.863.814-1.912 1.221-3.145 1.221-1.727 0-3.096-.629-4.107-1.887zm12.802 0c-1.011-1.258-1.517-2.898-1.517-4.921 0-2.763.752-5.266 2.257-7.511 1.505-2.245 3.811-4.132 6.919-5.661l.814 1.184c-1.48.888-2.824 2.134-4.033 3.737-1.209 1.603-1.813 3.219-1.813 4.847 0 .444.123.802.37 1.073.247.271.617.407 1.11.407 1.233 0 2.282.432 3.145 1.295s1.295 1.912 1.295 3.145-.432 2.257-1.295 3.071c-.863.814-1.912 1.221-3.145 1.221-1.727 0-3.096-.629-4.107-1.887z"/>
</svg>
{%- endif -%}
{%- if id == 'play' -%}
<svg {{ shared_attr }} width="65" height="65" viewBox="0 0 65 65">
<path fill="currentColor" fill-rule="evenodd" d="M32.5 65C14.55 65 0 50.45 0 32.5S14.55 0 32.5 0 65 14.55 65 32.5 50.45 65 32.5 65zM40 33L28 23v20l12-10z" />
</svg>
{%- endif -%}
{% if id == 'external-video-play' %}
<svg {{ shared_svg_attrs }} width="61" height="61" viewBox="0 0 61 61" tabindex="-1">
<use xlink:href="#plyr-play"></use>
</svg>
{% endif %}
{%- if id == 'close' -%}
<svg {{ shared_attr }} width="36" height="36" viewBox="0 0 36 36">
<path fill="currentColor" fill-rule="evenodd" d="M20.117 18L35.998 2.117 33.882 0 18 15.882 2.118 0 .002 2.117 15.882 18 0 33.883 2.12 36 18 20.117 33.882 36 36 33.883z" />
</svg>
{%- endif -%}
{%- if id == 'menu' -%}
<svg {{ shared_attr }} width="18" height="12" viewBox="0 0 18 12">
<path fill="currentColor" fill-rule="evenodd" d="M0 0h18v2H0zM0 5h18v2H0zM0 10h18v2H0z"/>
</svg>
{%- endif -%}
{%- if id == 'chevron-right' -%}
<svg {{ shared_attr }} width="20" height="20" viewBox="0 0 20 20">
<path fill="currentColor" fill-rule="evenodd" d="M6.667 15.96l.576.603 6.482-6.198-6.482-6.198-.576.602 5.853 5.596z"/>
</svg>
{%- endif -%}
{% if id == 'checkout-lock' %}
<svg {{ shared_attr }} width="20" height="20" viewBox="0 0 20 20" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2.5 11.1667C2.5 10.0622 3.39543 9.16675 4.5 9.16675H15.5C16.6046 9.16675 17.5 10.0622 17.5 11.1667V16.3334C17.5 17.438 16.6046 18.3334 15.5 18.3334H4.5C3.39543 18.3334 2.5 17.438 2.5 16.3334V11.1667Z" fill="currentColor"/>
<path d="M5.83337 9.16675V5.83341C5.83337 3.53223 7.69885 1.66675 10 1.66675C12.3012 1.66675 14.1667 3.53223 14.1667 5.83341V9.16675" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
{% endif %}
{% if id == 'sale-tag' %}
<svg {{ shared_attr }} width="20" height="20" viewBox="0 0 350 350" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M0 197.826C0 192.95 1.93821 188.275 5.38762 184.83L179.459 10.7587C186.348 3.86966 195.692 -0.000356971 205.435 2.46966e-08H334.782C343.187 2.46966e-08 350 6.81304 350 15.2173V144.565C350 154.308 346.13 163.651 339.241 170.541L165.17 344.612C161.725 348.061 157.049 350 152.174 350C147.299 350 142.624 348.061 139.179 344.612L5.38762 210.821C1.93821 207.376 0 202.701 0 197.826ZM304.348 68.4786C304.348 81.085 294.128 91.3046 281.521 91.3046C268.915 91.3046 258.695 81.085 258.695 68.4786C258.695 55.8721 268.915 45.6525 281.521 45.6525C294.128 45.6525 304.348 55.8721 304.348 68.4786Z" fill="currentColor"/>
</svg>
{% endif %}
{% if id == 'spinner' %}
<svg {{ shared_attr }} width="24" height="24" viewBox="0 0 24 24">
<path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/>
<path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"/>
</svg>
{% endif %}
{% if id == 'search' %}
<svg {{ shared_attr }} width="20" height="20" viewBox="0 0 24 24">
<path d="M16.918154,2.9038867 C20.519954,6.51535039 20.7730873,12.2263448 17.6710207,16.1327135 L23.9342873,22.4126688 L22.383754,23.9762889 L16.1204667,17.6969832 C12.2446667,20.8276425 6.56446667,20.5901229 2.96246667,16.9783911 C-0.9024,13.1031955 -0.911466667,6.81124022 2.942154,2.92431285 C6.79582067,-0.962145251 13.0528207,-0.97126257 16.918154,2.9038867 Z M15.3672607,4.46755978 C12.3612607,1.45370145 7.49466067,1.46074056 4.49726067,4.48353385 C1.500146,7.50632715 1.507146,12.400383 4.513146,15.4142601 C7.51647933,18.4255099 12.3772127,18.4210854 15.375146,15.4064038 L15.375146,15.4064038 L15.391292,15.3901676 C18.3806,12.3667039 18.3707333,7.47901676 15.3673333,4.46748603 L15.3673333,4.46748603 Z" fill="currentColor"></path>
</svg>
{% endif %}
{% if id == 'person' %}
<svg {{ shared_attr }} width="20" height="20" viewBox="0 0 24 24">
<path fill="currentColor" d="M12 12a5 5 0 1 0 0-10 5 5 0 0 0 0 10zm0 2c-4.418 0-8 2.239-8 5v1h16v-1c0-2.761-3.582-5-8-5z"/>
</svg>
{% endif %}
{% if id == 'cart' %}
<svg {{ shared_attr }} width="20" height="20" viewBox="0 0 24 24">
<path fill="currentColor" d="M7 18c-1.1 0-1.99.9-1.99 2S5.9 22 7 22s2-.9 2-2-.9-2-2-2zM1 2v2h2l3.6 7.59-1.35 2.45c-.16.28-.25.61-.25.96 0 1.1.9 2 2 2h12v-2H7.42c-.14 0-.25-.11-.25-.25l.03-.12L8.1 13h7.45c.75 0 1.41-.41 1.75-1.03l3.58-6.49c.08-.14.12-.31.12-.48 0-.55-.45-1-1-1H5.21l-.94-2H1zm16 16c-1.1 0-1.99.9-1.99 2s.89 2 1.99 2 2-.9 2-2-.9-2-2-2z"/>
</svg>
{% endif %}
{% if id == 'prev-button' %}
<svg {{ shared_attr }} width="30" height="30" viewBox="0 0 100 100">
<path d="M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z" class="arrow" stroke="currentColor"></path>
</svg>
{% endif %}
{% if id == 'next-button' %}
<svg {{ shared_attr }} width="30" height="30" viewBox="0 0 100 100">
<path d="M 10,50 L 60,100 L 70,90 L 30,50 L 70,10 L 60,0 Z" class="arrow" stroke="currentColor" transform="translate(100, 100) rotate(180) "></path>
</svg>
{% endif %}
{% if id == 'checkbox' %}
<svg {{ shared_attr }} width="11" height="11" viewBox="0 0 13 13">
<path fill="currentColor" fill-rule="evenodd" d="M0,2.00276013 C0,0.0 0.0,0 0,0 L10.9972399,0 C13,0 13,0 13,0 L13,10.9972399 C13,13 13,13 13,13 L2.00276013,13 C0,13 0,13 0,13 L0,2.00276013 Z M3.038,6.013 L2,7.024 L5.115,10.061 L11,4.325 L9.962,3.312 L5.115,8.038 L3.038,6.013 Z"/>
</svg>
{% endif %}