39 lines
1.6 KiB
TypeScript
39 lines
1.6 KiB
TypeScript
import { config } from '../../tokens/stitches.config'
|
|
|
|
export type GridSelectorIconProps = {
|
|
color?: string
|
|
}
|
|
|
|
export function GridSelectorIcon(props: GridSelectorIconProps): JSX.Element {
|
|
const fillColor = props.color || config.theme.colors.graySolid
|
|
|
|
return (
|
|
<svg
|
|
width="21"
|
|
height="21"
|
|
viewBox="0 0 21 21"
|
|
fill="none"
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
>
|
|
<g>
|
|
<path
|
|
d="M8.32487 0.170105H1.6582C0.967847 0.170105 0.408203 0.729749 0.408203 1.4201V8.08677C0.408203 8.77713 0.967847 9.33677 1.6582 9.33677H8.32487C9.01523 9.33677 9.57487 8.77713 9.57487 8.08677V1.4201C9.57487 0.729749 9.01523 0.170105 8.32487 0.170105Z"
|
|
fill={fillColor}
|
|
/>
|
|
<path
|
|
d="M19.1582 0.170105H12.4915C11.8012 0.170105 11.2415 0.729749 11.2415 1.4201V8.08677C11.2415 8.77713 11.8012 9.33677 12.4915 9.33677H19.1582C19.8486 9.33677 20.4082 8.77713 20.4082 8.08677V1.4201C20.4082 0.729749 19.8486 0.170105 19.1582 0.170105Z"
|
|
fill={fillColor}
|
|
/>
|
|
<path
|
|
d="M8.32487 11.0034H1.6582C0.967847 11.0034 0.408203 11.5631 0.408203 12.2534V18.9201C0.408203 19.6105 0.967847 20.1701 1.6582 20.1701H8.32487C9.01523 20.1701 9.57487 19.6105 9.57487 18.9201V12.2534C9.57487 11.5631 9.01523 11.0034 8.32487 11.0034Z"
|
|
fill={fillColor}
|
|
/>
|
|
<path
|
|
d="M19.1582 11.0034H12.4915C11.8012 11.0034 11.2415 11.5631 11.2415 12.2534V18.9201C11.2415 19.6105 11.8012 20.1701 12.4915 20.1701H19.1582C19.8486 20.1701 20.4082 19.6105 20.4082 18.9201V12.2534C20.4082 11.5631 19.8486 11.0034 19.1582 11.0034Z"
|
|
fill={fillColor}
|
|
/>
|
|
</g>
|
|
</svg>
|
|
)
|
|
}
|