{# Icon: upload (Solar Icons Bold Duotone - upload-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 16v-1c0-2.828 0-4.242-.879-5.12C20.242 9 18.828 9 16 9H8c-2.829 0-4.243 0-5.122.88C2 10.757 2 12.17 2 14.997V15V16c0 2.829 0 4.243.879 5.122C3.757 22 5.172 22 8 22h8c2.828 0 4.243 0 5.121-.878C22 20.242 22 18.829 22 16Z"/>
    <path fill="{{ colorPrimary|default(color|default('currentColor')) }}" class="icon-primary" fill-rule="evenodd" d="M12 15.75a.75.75 0 0 0 .75-.75V4.027l1.68 1.961a.75.75 0 1 0 1.14-.976l-3-3.5a.75.75 0 0 0-1.14 0l-3 3.5a.75.75 0 1 0 1.14.976l1.68-1.96V15a.75.75 0 0 0 .75.75" clip-rule="evenodd"/>
</svg>