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

export const IconRotateLeftRectangleOutline = 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-rotate-left-rectangle-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M14.5649 5.03702L13.3846 3.99219C14.197 3.94432 14.8797 3.97304 15.4589 4.24207C16.0472 4.51538 16.6305 5.08907 17.0678 6.39715L18.2533 6.00084C17.7395 4.46374 16.9674 3.56453 15.9855 3.10841C15.1552 2.72274 14.2524 2.6948 13.4285 2.73763L14.3607 1.68448L13.4248 0.855957L11.0221 3.57029L13.7364 5.973L14.5649 5.03702Z"
        fill={color}
      />
      <path
        d="M3.19995 17.6986V6.43345H14.4651V17.6986H3.19995ZM4.44995 7.68345H13.2151V16.4486H4.44995V7.68345Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconRotateLeftRectangleOutline.displayName = "IconRotateLeftRectangleOutline";

export default IconRotateLeftRectangleOutline;