joyent-portal/packages/icons/src/bin.js

38 lines
848 B
JavaScript
Raw Normal View History

import React from 'react';
2017-11-23 14:18:38 +02:00
import Colors from './colors';
import Rotate from './rotate';
import calcFill from './fill';
export default ({
fill = null,
light = false,
disabled = false,
direction = 'down',
style = {},
...rest
}) => (
<Colors white text grey>
{colors => (
<Rotate direction={direction}>
{({ style: rotateStyle }) => (
<svg
width="12"
height="17"
viewBox="0 0 12 17"
xmlns="http://www.w3.org/2000/svg"
style={{ ...style, ...rotateStyle }}
{...rest}
>
<path
fill={calcFill({ fill, disabled, light, colors })}
d="M4 0v1H0v2h12V1H8.001V0H4zM1 17h10V4H1v13z"
fillRule="evenodd"
/>
</svg>
)}
</Rotate>
)}
</Colors>
);