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

export const IconIndividualCornersOutline = 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-individual-corners-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M2.25 15V12.625C2.25 12.2108 2.58579 11.875 3 11.875C3.41421 11.875 3.75 12.2108 3.75 12.625V15C3.75 15.6904 4.30964 16.25 5 16.25H7.375C7.78921 16.25 8.125 16.5858 8.125 17C8.125 17.4142 7.78921 17.75 7.375 17.75H5C3.48122 17.75 2.25 16.5188 2.25 15ZM16.25 15V12.625C16.25 12.2108 16.5858 11.875 17 11.875C17.4142 11.875 17.75 12.2108 17.75 12.625V15C17.75 16.5188 16.5188 17.75 15 17.75H12.625C12.2108 17.75 11.875 17.4142 11.875 17C11.875 16.5858 12.2108 16.25 12.625 16.25H15C15.6904 16.25 16.25 15.6904 16.25 15ZM2.25 7.375V5C2.25 3.48122 3.48122 2.25 5 2.25H7.375C7.78921 2.25 8.125 2.58579 8.125 3C8.125 3.41421 7.78921 3.75 7.375 3.75H5C4.30964 3.75 3.75 4.30964 3.75 5V7.375C3.75 7.78921 3.41421 8.125 3 8.125C2.58579 8.125 2.25 7.78921 2.25 7.375ZM16.25 7.375V5C16.25 4.30964 15.6904 3.75 15 3.75H12.625C12.2108 3.75 11.875 3.41421 11.875 3C11.875 2.58579 12.2108 2.25 12.625 2.25H15C16.5188 2.25 17.75 3.48122 17.75 5V7.375C17.75 7.78921 17.4142 8.125 17 8.125C16.5858 8.125 16.25 7.78921 16.25 7.375Z"
        fill={color}
      />
    </svg>
  );
});

IconIndividualCornersOutline.displayName = "IconIndividualCornersOutline";

export default IconIndividualCornersOutline;