{# Icon: chevron-down (Solar Icons Bold Duotone - alt-arrow-down-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="M15.697 12.404l-3.327 3.431c-.213.22-.527.22-.74 0l-6.43-6.63C4.799 8.79 5.042 8 5.57 8h5.723z"/>
    <path fill="{{ colorSecondary|default(color|default('currentColor')) }}" class="icon-secondary" opacity="{{ opacitySecondary|default('0.5') }}" d="M12.707 8h5.723c.528 0 .771.79.37 1.205l-2.406 2.481z"/>
</svg>