import SvgIcon from "@material-ui/core/SvgIcon";
import * as React from "react";

import { useIconStyles } from "../styles";
import { IconProps } from "../types";
export const ProcessIcon = React.forwardRef(
  (props: IconProps, ref: React.Ref<SVGSVGElement>) => {
    const classes = useIconStyles();
    return (
      <SvgIcon
        width={24}
        height={24}
        viewBox="0 0 24 24"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        classes={{
          root: classes.root,
        }}
        {...props}
        ref={ref}
      >
        <circle
          cx={12}
          cy={4}
          r={2.25}
          stroke="currentColor"
          strokeWidth={1.5}
        />
        <path
          d="M4 4h5"
          stroke="currentColor"
          strokeWidth={1.5}
          strokeLinecap="round"
        />
        <path
          d="M14.5 20H21m0 0-2.5-2.5M21 20l-2.5 2.5"
          stroke="currentColor"
          strokeWidth={1.5}
          strokeLinecap="round"
          strokeLinejoin="round"
        />
        <path d="M6 12h12" stroke="currentColor" strokeWidth={1.5} />
        <path
          d="M14 4h5a1 1 0 0 1 1 1v5M4 14v5a1 1 0 0 0 1 1h5"
          stroke="currentColor"
          strokeWidth={1.5}
          strokeLinejoin="round"
        />
        <circle
          cx={20}
          cy={12}
          r={2.25}
          stroke="currentColor"
          strokeWidth={1.5}
        />
        <circle
          cx={4}
          cy={12}
          r={2.25}
          stroke="currentColor"
          strokeWidth={1.5}
        />
        <circle
          cx={12}
          cy={20}
          r={2.25}
          stroke="currentColor"
          strokeWidth={1.5}
        />
      </SvgIcon>
    );
  }
);