{# Icon: magic-stick (Baguette magique) #}
<svg
    xmlns="http://www.w3.org/2000/svg"
    width="{{ size|default(24) }}"
    height="{{ size|default(24) }}"
    viewBox="0 0 24 24"
    fill="none"
    class="{{ class|default('') }}"
>
    {# Baguette #}
    <path
        d="M3.5 20.5L13 11L15 13L5.5 22.5C4.5 23.5 2.5 21.5 3.5 20.5Z"
        fill="{{ colorPrimary|default(color|default('currentColor')) }}"
        class="icon-primary"
    />
    {# Pointe de la baguette #}
    <path
        d="M13 11L15 13L17.5 10.5L15.5 8.5L13 11Z"
        fill="{{ colorPrimary|default(color|default('currentColor')) }}"
        class="icon-primary"
    />
    {# Grandes étoiles #}
    <path
        opacity="{{ opacitySecondary|default('0.5') }}"
        d="M19 2L19.5 4L21 4.5L19.5 5L19 7L18.5 5L17 4.5L18.5 4L19 2Z"
        fill="{{ colorSecondary|default(color|default('currentColor')) }}"
        class="icon-secondary"
    />
    <path
        opacity="{{ opacitySecondary|default('0.5') }}"
        d="M21 8L21.3 9.2L22.5 9.5L21.3 9.8L21 11L20.7 9.8L19.5 9.5L20.7 9.2L21 8Z"
        fill="{{ colorSecondary|default(color|default('currentColor')) }}"
        class="icon-secondary"
    />
    <path
        opacity="0.3"
        d="M10 3L10.3 4.2L11.5 4.5L10.3 4.8L10 6L9.7 4.8L8.5 4.5L9.7 4.2L10 3Z"
        fill="{{ colorSecondary|default(color|default('currentColor')) }}"
        class="icon-tertiary"
    />
</svg>