metadata-based-explorer1
Version:
Box UI Elements
29 lines (24 loc) • 807 B
JavaScript
// @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 IconCheck = ({ className = '', color = '#000000', height = 24, title, width = 24 }: Props) => (
<AccessibleSVG
className={`icon-check ${className}`}
height={height}
title={title}
viewBox="0 0 24 24"
width={width}
>
<path d="M0 0h24v24H0z" fill="none" />
<path className="fill-color" d="M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z" fill={color} />
</AccessibleSVG>
);
export default IconCheck;