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

export const IconCropSquare16To9Outline = 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-16-to-9-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.5 13L1 13L1 7L2.5 7L2.5 13ZM3 13.5L17 13.5C17.2761 13.5 17.5 13.2761 17.5 13L17.5 7C17.5 6.72386 17.2761 6.5 17 6.5L3 6.5C2.72386 6.5 2.5 6.72386 2.5 7L1 7C1 5.96435 1.78722 5.113 2.7959 5.01074L3 5L17 5C18.1046 5 19 5.89543 19 7L19 13C19 14.1046 18.1046 15 17 15L3 15C1.89543 15 1 14.1046 1 13L2.5 13C2.5 13.2761 2.72386 13.5 3 13.5Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconCropSquare16To9Outline.displayName = "IconCropSquare16To9Outline";

export default IconCropSquare16To9Outline;