Diagonal Pill Tile
Category: Tiles Grids · Default variant: solid
solid
html
<ss-shape shape="diagonal-pill-tile" variant="solid"></ss-shape>
outline
html
<ss-shape shape="diagonal-pill-tile" variant="outline"></ss-shape>
duotone
html
<ss-shape shape="diagonal-pill-tile" variant="duotone"></ss-shape>
CSS only
html
<i class="ss-shape ss-shape-diagonal-pill-tile"
data-variant="solid" 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['diagonal-pill-tile-solid'];