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

export const IconCropSquareFreeform = 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-crop-square-freeform`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M5.5 2.25C5.5 1.83579 5.16421 1.5 4.75 1.5C4.33579 1.5 4 1.83579 4 2.25V4H2.25C1.83579 4 1.5 4.33578 1.5 4.75C1.5 5.16421 1.83579 5.5 2.25 5.5L4 5.5V13.25C4 14.7688 5.23122 16 6.75 16H14.5V17.75C14.5 18.1642 14.8358 18.5 15.25 18.5C15.6642 18.5 16 18.1642 16 17.75V16H17.75C18.1642 16 18.5 15.6642 18.5 15.25C18.5 14.8358 18.1642 14.5 17.75 14.5L16 14.5H14.5L6.75 14.5C6.05964 14.5 5.5 13.9404 5.5 13.25L5.5 5.5V4L5.5 2.25ZM7 5.5L13.25 5.5C13.9404 5.5 14.5 6.05964 14.5 6.75L14.5 13H16L16 6.75C16 5.23122 14.7688 4 13.25 4H7V5.5Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconCropSquareFreeform.displayName = "IconCropSquareFreeform";

export default IconCropSquareFreeform;