metadata-based-explorer1
Version:
Box UI Elements
35 lines (30 loc) • 1.34 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 IconComposeNote = ({ className = '', color = '#777', height = 16, title, width = 16 }: Props) => (
<AccessibleSVG
className={`icon-compose-note ${className}`}
height={height}
title={title}
viewBox="0 0 16 16"
width={width}
>
<path className="fill-color" d="M0 1h10l-.7 1H0z" fill={color} />
<path className="fill-color" d="M0 5h7.7L7 6H0z" fill={color} />
<path className="fill-color" d="M0 9h5l-.6 1H0z" fill={color} />
<path
className="fill-color"
d="M14.9 1.8c0-.4-.2-.8-.8-1.2-.4-.3-.8-.5-1.3-.4-.9.2-1.5 1.2-1.7 1.5l-5.2 8c-.2.3-.3.7-.4 1l-.4 2c-.1.5.2.9.4 1.1.1.1.3.1.5.1s.5-.1.7-.3l1.4-1.1.7-.7 4.8-7.4.4-.6c.2-.2 1-1.1.9-2zm-6.8 9.5c-.1.2-.3.4-.5.5l-1.4 1.1c-.1.2-.2.1-.2-.1l.4-2c0-.2.2-.5.3-.7l4.8-7.4s.1.3.6.7c.5.4.8.4.8.4l-4.8 7.5zm5.4-8.2s-.5 0-.8-.3S12 2 12 2s.8-1.6 1.6-.8c1 .7-.1 1.9-.1 1.9z"
fill={color}
/>
</AccessibleSVG>
);
export default IconComposeNote;