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

export const IconCustomAreaAddSolid = 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-custom-area-add-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M2.75 1C1.7835 1 1 1.7835 1 2.75V16.75C1 17.7165 1.7835 18.5 2.75 18.5H13.2113C13.2038 18.4344 13.2 18.3677 13.2 18.3V17H2.75C2.61193 17 2.5 16.8881 2.5 16.75V2.75C2.5 2.61193 2.61193 2.5 2.75 2.5H16.75C16.8881 2.5 17 2.61193 17 2.75V13.05H18.45C18.4667 13.05 18.4834 13.0503 18.5 13.0508V2.75C18.5 1.7835 17.7165 1 16.75 1H2.75Z"
          fill={color}
        />
        <path
          d="M14.2 18.05C14.2 18.1193 14.2094 18.1863 14.227 18.25C14.2903 18.4797 14.4602 18.6651 14.6801 18.75C14.7638 18.7823 14.8548 18.8 14.95 18.8C15.0452 18.8 15.1362 18.7823 15.22 18.75C15.4398 18.6651 15.6097 18.4797 15.6731 18.25C15.6906 18.1863 15.7 18.1193 15.7 18.05V15.55L18.0967 15.5517C18.1117 15.5517 18.1266 15.5513 18.1413 15.5504L18.1468 15.55C18.5377 15.5243 18.8467 15.1991 18.8467 14.8017C18.8467 14.4043 18.5377 14.0791 18.1468 14.0533L18.1413 14.053C18.1266 14.0521 18.1117 14.0517 18.0967 14.0517L15.7 14.05V11.6864C15.7 11.2722 15.3642 10.9364 14.95 10.9364C14.7579 10.9364 14.5826 11.0086 14.45 11.1274C14.2965 11.2647 14.2 11.4643 14.2 11.6864V14.05H11.75C11.4425 14.05 11.1782 14.2351 11.0624 14.5C11.0223 14.5919 11 14.6934 11 14.8C11 15.2143 11.3358 15.55 11.75 15.55H14.2V18.05Z"
          fill={color}
        />
        <path
          d="M16.75 18.5H16.6887C16.6962 18.4344 16.7 18.3677 16.7 18.3V17H16.75C16.8881 17 17 16.8881 17 16.75V16.55H18.45C18.4667 16.55 18.4834 16.5498 18.5 16.5493V16.75C18.5 17.7165 17.7165 18.5 16.75 18.5ZM15.95 8.83333V10.25C15.6665 10.0523 15.3218 9.93637 14.95 9.93637 14.7762 9.93637 14.6084 9.96169 14.45 10.0089V8.83333H15.95ZM8.78328 14.5H10.0256C10.0088 14.5975 10 14.6977 10 14.8 10 15.2645 10.1809 15.6867 10.4762 16H8.78328V14.5ZM3.44995 3.5H5.11662V5H3.44995V3.5ZM6.03328 3.5H7.86662V5H6.03328V3.5ZM10.6166 3.5H8.78328V5H10.6166V3.5ZM11.5333 3.5H13.3666V5H11.5333V3.5ZM15.95 3.5H14.2833V5H15.95V3.5ZM15.95 6.08333V7.91667H14.45V6.08333H15.95ZM3.44995 6.08333V7.91667H4.94995V6.08333H3.44995ZM3.44995 8.83333V10.6667H4.94995V8.83333H3.44995ZM3.44995 13.4167V11.5833H4.94995V13.4167H3.44995ZM5.11662 14.5H3.44995V16H5.11662V14.5ZM7.86662 16H6.03328V14.5H7.86662V16Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconCustomAreaAddSolid.displayName = "IconCustomAreaAddSolid";

export default IconCustomAreaAddSolid;