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

export const IconCropSquare1To1Outline = 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-1-to-1-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M15.8171 16.3171V17.8171H4.18329V16.3171H15.8171ZM16.3171 15.8171V4.18335C16.3171 3.90735 16.093 3.68357 15.8171 3.68335H4.18329C3.90715 3.68335 3.68329 3.90721 3.68329 4.18335V15.8171C3.68351 16.0931 3.90728 16.3171 4.18329 16.3171V17.8171L3.97919 17.8064C3.03775 17.711 2.28966 16.9626 2.19403 16.0212L2.18329 15.8171V4.18335C2.18329 3.07878 3.07872 2.18335 4.18329 2.18335H15.8171L16.0212 2.19409C17.0297 2.29654 17.8171 3.14784 17.8171 4.18335V15.8171L17.8063 16.0212C17.7107 16.9625 16.9624 17.7108 16.0212 17.8064L15.8171 17.8171V16.3171C16.0929 16.3169 16.3169 16.093 16.3171 15.8171Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconCropSquare1To1Outline.displayName = "IconCropSquare1To1Outline";

export default IconCropSquare1To1Outline;