metadata-based-explorer1
Version:
Box UI Elements
33 lines (28 loc) • 1.17 kB
JavaScript
// @flow
import * as React from 'react';
import { bdlNeutral03 } from '../../styles/variables';
import AccessibleSVG from '../accessible-svg';
type Props = {
className?: string,
color?: string,
height?: number,
/** A text-only string describing the icon if it's not purely decorative for accessibility */
title?: string | React.Element<any>,
width?: number,
};
const IconGridViewInverted = ({ className = '', color = bdlNeutral03, height = 16, title, width = 16 }: Props) => (
<AccessibleSVG
className={`icon-grid-view-inverted ${className}`}
title={title}
width={width}
height={height}
viewBox="0 0 16 16"
>
<path
d="M2.5 2h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5zm7 0h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5zm-7 7h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5zm7 0h4a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-.5.5h-4a.5.5 0 0 1-.5-.5v-4a.5.5 0 0 1 .5-.5z"
fill={color}
fillRule="nonzero"
/>
</AccessibleSVG>
);
export default IconGridViewInverted;