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

import React from 'react';

import Rotate from './rotate';
import calcFill from './fill';

export default ({
  fill = null,
  light = false,
  disabled = false,
  direction = 'down',
  colors = {},
  style = {},
  ...rest
}) => (
  <Rotate direction={direction}>
    {({ style: rotateStyle }) => (
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="19.78"
        height="19.78"
        viewBox="0 0 19.78 19.78"
        style={{ ...style, ...rotateStyle }}
        {...rest}
      >
        <path
          fill={calcFill({ fill, disabled, light, colors })}
          d="M16.48,6.59a3.22,3.22,0,0,0-1.9.62l-2-2a3.22,3.22,0,0,0,.62-1.9,3.3,3.3,0,1,0-6.6,0,3.22,3.22,0,0,0,.62,1.9l-2,2a3.22,3.22,0,0,0-1.9-.62,3.3,3.3,0,0,0,0,6.6,3.22,3.22,0,0,0,1.9-.62l2,2a3.22,3.22,0,0,0-.62,1.9,3.3,3.3,0,1,0,6.6,0,3.22,3.22,0,0,0-.62-1.9l2-2a3.22,3.22,0,0,0,1.9.62,3.3,3.3,0,1,0,0-6.6Zm-6.59,6.3a3,3,0,0,0-1.73.56L6.33,11.62a3,3,0,0,0,0-3.46L8.16,6.33a3,3,0,0,0,3.46,0l1.83,1.83a3,3,0,0,0,0,3.46l-1.83,1.83A3,3,0,0,0,9.89,12.89Zm0-11.39A1.89,1.89,0,1,1,8,3.39,1.89,1.89,0,0,1,9.89,1.5ZM1.34,9.89a2,2,0,1,1,2,2A2,2,0,0,1,1.34,9.89Zm8.55,8.39a1.89,1.89,0,1,1,1.89-1.89A1.89,1.89,0,0,1,9.89,18.28Zm6.39-6.39a2,2,0,1,1,2-2A2,2,0,0,1,16.28,11.89Z"
        />
      </svg>
    )}
  </Rotate>
);