import React from 'react';
import { IIcon } from './index';

export const IconNetwork: React.FC<IIcon> = (props) => {
  const { className = '', color = '', size = '', ...otherProps } = props;
  return (
    <svg className={`b-icon ${className} ${color} ${size}`} viewBox="0 0 48 48" xmlns="http://www.w3.org/2000/svg" {...otherProps}>
      <title>Network Icon</title>
      <g strokeLinecap="square" strokeLinejoin="miter">
        <line fill="none" strokeMiterlimit="10" x1="30.894" y1="23.031" x2="35.29" y2="30.064" strokeLinecap="butt" />
        <line fill="none" strokeMiterlimit="10" x1="16" y1="24.8" x2="20.29" y2="17.936" strokeLinecap="butt" />
        <line fill="none" strokeMiterlimit="10" x1="26" y1="36" x2="16" y2="36" strokeLinecap="butt" />
        <circle fill="none" strokeMiterlimit="10" cx="9" cy="36" r="7" /> <circle fill="none" strokeMiterlimit="10" cx="39" cy="36" r="7" />
        <circle fill="none" strokeMiterlimit="10" cx="24" cy="12" r="7" />
      </g>
    </svg>
  );
};