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-shein-icon customeow-shein-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="M2 9.60006C2.7732 9.60006 3.4 10.2269 3.4 11.0001C3.4 11.7733 2.7732 12.4001 2 12.4001C1.2268 12.4001 0.6 11.7733 0.6 11.0001C0.6 10.2269 1.2268 9.60006 2 9.60006ZM6.82843 2.42849C7.60163 2.42849 8.22843 3.05529 8.22843 3.82849C8.22843 4.60169 7.60163 5.22849 6.82843 5.22849C6.05523 5.22849 5.42843 4.60169 5.42843 3.82849C5.42843 3.05529 6.05523 2.42849 6.82843 2.42849ZM19.4 8.00006C19.4 8.77326 18.7732 9.40006 18 9.40006C17.2268 9.40006 16.6 8.77326 16.6 8.00006C16.6 7.22686 17.2268 6.60006 18 6.60006C18.7732 6.60006 19.4 7.22686 19.4 8.00006ZM14 14.6001C14.7732 14.6001 15.4 15.2269 15.4 16.0001C15.4 16.7733 14.7732 17.4001 14 17.4001C13.2268 17.4001 12.6 16.7733 12.6 16.0001C12.6 15.2269 13.2268 14.6001 14 14.6001Z"
        fill={color}
        stroke={color}
        strokeWidth="1.2"
      />
    </svg>
  );
});

IconToolStarmapPhasesOutline.displayName = "IconToolStarmapPhasesOutline";

export default IconToolStarmapPhasesOutline;