metadata-based-explorer1
Version:
Box UI Elements
33 lines (28 loc) • 1.08 kB
Flow
// @flow
import * as React from 'react';
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 IconRemove = ({ className = '', color = '#979797', height = 10, title, width = 10 }: Props) => (
<AccessibleSVG
className={`icon-remove ${className}`}
height={height}
title={title}
viewBox="0 0 10 10"
width={width}
>
<path
className="fill-color"
d="M4.596 5.303L1.06 8.84c-.19.19-.195.51 0 .706.19.19.513.195.708 0L5.303 6.01 8.84 9.546c.194.195.516.19.706 0 .195-.195.192-.516 0-.707L6.01 5.302l3.536-3.535c.192-.192.195-.512 0-.707-.19-.19-.512-.194-.707 0L5.302 4.597 1.768 1.06c-.195-.194-.518-.19-.707 0-.195.196-.19.516 0 .708l3.536 3.535z"
fill={color}
fillRule="evenodd"
/>
</AccessibleSVG>
);
export default IconRemove;