{# Icon: grid (4 squares) #}
<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('') }}"
>
    <rect x="3" y="3" width="8" height="8" rx="2"
        fill="{{ colorPrimary|default(color|default('currentColor')) }}"
        class="icon-primary"/>
    <rect x="13" y="3" width="8" height="8" rx="2"
        opacity="{{ opacitySecondary|default('0.5') }}"
        fill="{{ colorSecondary|default(color|default('currentColor')) }}"
        class="icon-secondary"/>
    <rect x="3" y="13" width="8" height="8" rx="2"
        opacity="{{ opacitySecondary|default('0.5') }}"
        fill="{{ colorSecondary|default(color|default('currentColor')) }}"
        class="icon-secondary"/>
    <rect x="13" y="13" width="8" height="8" rx="2"
        fill="{{ colorPrimary|default(color|default('currentColor')) }}"
        class="icon-primary"/>
</svg>