Four Quadrant Checker
Category: Tiles Grids · Default variant: tonal
tonal
html
<ss-shape shape="four-quadrant-checker" variant="tonal"></ss-shape>
CSS only
html
<i class="ss-shape ss-shape-four-quadrant-checker"
data-variant="tonal" aria-hidden="true"></i>Include style.css. CSS masks use one color. The browser bundle supports both duotone colors.
JavaScript
js
import shapes from '@bookklik/senangstart-shapes/shapes';
const svg = shapes['four-quadrant-checker-tonal'];