import { forwardRef } from "react";
import type { IconProps } from "../../types";

export const IconToolStarmapPhasesOutline = forwardRef<
  SVGSVGElement,
  IconProps
>(({ color = "currentColor", ...props }, forwardedRef) => {
  const { className } = props;
  props = {
    ...props,
    width: `${props.width || props.size || 20}`,
    height: `${props.height || props.size || 20}`,
    className: `${
      className ? className + " " : ""
    }customeow-icon customeow-icon-icon-tool-starmap-phases-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M7 3.5L18 8.00011L14 16.0001L7 3.5ZM7 3.5L2 11"
        stroke={color}
        strokeWidth="1.2"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M14 14.6C14.7732 14.6 15.4004 15.2272 15.4004 16.0004C15.4002 16.7734 14.7731 17.3998 14 17.3998C13.2269 17.3998 12.5998 16.7734 12.5996 16.0004C12.5996 15.2272 13.2268 14.6 14 14.6ZM2 9.59998C2.7732 9.59998 3.40039 10.2272 3.40039 11.0004C3.40022 11.7734 2.77309 12.3998 2 12.3998C1.2269 12.3998 0.599777 11.7734 0.599609 11.0004C0.599609 10.2272 1.2268 9.59998 2 9.59998ZM18 6.59998C18.7732 6.59998 19.4004 7.22717 19.4004 8.00037C19.4002 8.77342 18.7731 9.39978 18 9.39978C17.2269 9.39978 16.5998 8.77342 16.5996 8.00037C16.5996 7.22717 17.2268 6.59998 18 6.59998ZM6.82812 2.4281C7.60132 2.4281 8.22852 3.05529 8.22852 3.82849C8.22852 4.60169 7.60132 5.22888 6.82812 5.22888C6.05507 5.22872 5.42871 4.60159 5.42871 3.82849C5.42871 3.05539 6.05507 2.42826 6.82812 2.4281Z"
        fill={color}
        stroke={color}
        strokeWidth="1.2"
      />
    </svg>
  );
});

IconToolStarmapPhasesOutline.displayName = "IconToolStarmapPhasesOutline";

export default IconToolStarmapPhasesOutline;