{# Icon: warning (Solar Icons Bold Duotone - danger-triangle-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="M12 3c-2.31 0-3.77 2.587-6.688 7.762l-.364.644c-2.425 4.3-3.638 6.45-2.542 8.022S6.214 21 11.636 21h.728c5.422 0 8.134 0 9.23-1.572s-.117-3.722-2.542-8.022l-.364-.645C15.77 5.587 14.311 3 12 3" /><path fill="{{ colorPrimary|default(color|default('currentColor')) }}" class="icon-primary" d="M12 7.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V8a.75.75 0 0 1 .75-.75M12 17a1 1 0 1 0 0-2a1 1 0 0 0 0 2"/>
</svg>