{# Icon: arrow-up (Solar Icons Bold Duotone - round-arrow-up-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="{{ colorSecondary|default(color|default('currentColor')) }}" class="icon-secondary" opacity="{{ opacitySecondary|default('0.5') }}" d="M22 12c0 5.523-4.477 10-10 10S2 17.523 2 12S6.477 2 12 2s10 4.477 10 10"/>
    <path fill="{{ colorPrimary|default(color|default('currentColor')) }}" class="icon-primary" d="M8.47 13.53a.75.75 0 1 1-1.06-1.06l4-4a.75.75 0 0 1 1.06 0l4 4a.75.75 0 1 1-1.06 1.06L12.75 10.81V16a.75.75 0 0 1-1.5 0v-5.19l-2.78 2.72z"/>
</svg>