{# Icon: scormia (Bubul - SCORM e-learning package tool) #}
<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"
>
    {# Bottom layer / base (secondary) #}
    <path fill="{{ colorSecondary|default(color|default('currentColor')) }}" class="icon-secondary" opacity="{{ opacitySecondary|default('0.5') }}" d="M3.5 15a1 1 0 0 0-.5.866V17a1 1 0 0 0 .5.866l8 4.619a1 1 0 0 0 1 0l8-4.619A1 1 0 0 0 21 17v-1.134a1 1 0 0 0-.5-.866l-8-4.619a1 1 0 0 0-1 0l-8 4.619Z"/>
    {# Top layer / screen (primary) #}
    <path fill="{{ colorPrimary|default(color|default('currentColor')) }}" class="icon-primary" fill-rule="evenodd" clip-rule="evenodd" d="M12 2.25a1 1 0 0 1 .5.134l8 4.619A1 1 0 0 1 21 7.87v2.268a1 1 0 0 1-.5.866l-8 4.618a1 1 0 0 1-1 0l-8-4.618A1 1 0 0 1 3 10.138V7.87a1 1 0 0 1 .5-.866l8-4.62A1 1 0 0 1 12 2.25Zm0 2.31L5.5 8.5 12 12.442 18.5 8.5 12 4.56Z"/>
</svg>