metadata-based-explorer1
Version:
Box UI Elements
26 lines (21 loc) • 1.29 kB
Flow
// @flow
import * as React from 'react';
import AccessibleSVG from '../accessible-svg';
import { bdlBoxBlue } from '../../styles/variables';
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 IconTag = ({ className = '', color = bdlBoxBlue, height = 13, title, width = 13 }: Props) => (
<AccessibleSVG className={`icon-tag ${className}`} height={height} title={title} viewBox="0 0 13 13" width={width}>
<g className="fill-color" fill={color} fillRule="evenodd">
<path d="M5.83 9.9c-.005.003-2.837-2.835-2.837-2.835.008.007 3.84-3.826 3.84-3.826.148-.15.54-.26.745-.213l1.484.35c.17.04.42.29.46.46l.35 1.485c.048.202-.065.6-.21.745L5.828 9.9zm4.538-3.126c.39-.39.605-1.142.478-1.682l-.35-1.484C10.37 3.07 9.83 2.53 9.29 2.404l-1.483-.35c-.538-.127-1.287.083-1.682.478l-3.832 3.83c-.39.392-.388 1.028-.007 1.41l2.842 2.84c.387.388 1.013.39 1.408-.006l3.832-3.832z" />
<path d="M8.657 5.657c.39-.39.39-1.024 0-1.414-.39-.39-1.024-.39-1.414 0-.39.39-.39 1.023 0 1.414.39.39 1.023.39 1.414 0z" />
</g>
</AccessibleSVG>
);
export default IconTag;