{# Icon: sort (Solar Icons Bold Duotone - sort-bold-duotone) #}
<svg
    width="{{ size|default(24) }}"
    height="{{ size|default(24) }}"
    viewBox="0 0 24 24"
    fill="none"
    class="{{ class|default('') }}"
    xmlns="http://www.w3.org/2000/svg"
>
    <path fill="{{ colorPrimary|default(color|default('currentColor')) }}" class="icon-primary" d="M16 18L16 6M16 6L20 10.125M16 6L12 10.125"/>
    <path fill="{{ colorSecondary|default(color|default('currentColor')) }}" class="icon-secondary" opacity="{{ opacitySecondary|default('0.5') }}" d="M8 6L8 18M8 18L12 13.875M8 18L4 13.875" style="stroke: {{ colorSecondary|default(color|default('currentColor')) }}; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none;"/>
    <path fill="{{ colorPrimary|default(color|default('currentColor')) }}" class="icon-primary" d="M16 18L16 6M16 6L20 10.125M16 6L12 10.125" style="stroke: {{ colorPrimary|default(color|default('currentColor')) }}; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; fill: none;"/>
</svg>