{# Icon: share (Solar Icons Bold Duotone - share-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="M8.5 15C10.1569 15 11.5 13.6569 11.5 12C11.5 10.3431 10.1569 9 8.5 9C6.84315 9 5.5 10.3431 5.5 12C5.5 13.6569 6.84315 15 8.5 15Z"/>
    <path fill="{{ colorPrimary|default(color|default('currentColor')) }}" class="icon-primary" d="M17.5 8C19.1569 8 20.5 6.65685 20.5 5C20.5 3.34315 19.1569 2 17.5 2C15.8431 2 14.5 3.34315 14.5 5C14.5 6.65685 15.8431 8 17.5 8Z"/>
    <path fill="{{ colorPrimary|default(color|default('currentColor')) }}" class="icon-primary" d="M17.5 22C19.1569 22 20.5 20.6569 20.5 19C20.5 17.3431 19.1569 16 17.5 16C15.8431 16 14.5 17.3431 14.5 19C14.5 20.6569 15.8431 22 17.5 22Z"/>
    <path stroke="{{ colorPrimary|default(color|default('currentColor')) }}" stroke-width="1.5" stroke-linecap="round" d="M11 10.5L15.3 6.4M11 13.5L15.3 17.6"/>
</svg>