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 IconPhone = ({ className = '', color = '#000', height = 14, title, width = 14 }: Props) => (
<AccessibleSVG
className={`icon-phone ${className}`}
height={height}
title={title}
viewBox="0 0 14 14"
width={width}
>
<path
className="fill-color"
d="M2.8 6.067c1.089 2.177 2.956 3.966 5.133 5.133l1.711-1.711c.234-.233.545-.311.778-.156.856.311 1.79.467 2.8.467.467 0 .778.311.778.778v2.644c0 .467-.311.778-.778.778C5.912 14 0 8.089 0 .778 0 .31.311 0 .778 0H3.5c.467 0 .778.311.778.778 0 .933.155 1.866.466 2.8.078.233 0 .544-.155.778L2.8 6.066z"
fill={color}
fillRule="evenodd"
/>
</AccessibleSVG>
);
export default IconPhone;