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

export const IconPsdAddOutline = 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-psd-add-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M10.5 2.75C10.9142 2.75 11.25 3.08579 11.25 3.5C11.25 3.91421 10.9142 4.25 10.5 4.25H5C3.75736 4.25 2.75 5.25736 2.75 6.5V14.5C2.75 15.7426 3.75736 16.75 5 16.75H15C16.2426 16.75 17.25 15.7426 17.25 14.5V9C17.25 8.58579 17.5858 8.25 18 8.25C18.4142 8.25 18.75 8.58579 18.75 9V14.5C18.75 16.5711 17.0711 18.25 15 18.25H5C2.92893 18.25 1.25 16.5711 1.25 14.5V6.5C1.25 4.42893 2.92893 2.75 5 2.75H10.5ZM12.7891 6.97656C13.9113 6.99654 14.8113 7.91179 14.8115 9.03418C14.8115 9.42076 14.4979 9.73434 14.1113 9.73438C13.7248 9.73426 13.4111 9.42071 13.4111 9.03418C13.4109 8.6753 13.1235 8.38241 12.7646 8.37598L12.7031 8.375C12.2999 8.36793 11.9688 8.69334 11.9688 9.09668V9.375C11.9688 9.82769 12.274 10.2242 12.7119 10.3389L13.1738 10.459C14.1901 10.725 14.8984 11.6438 14.8984 12.6943V12.7891C14.8984 14.0042 13.9192 14.9925 12.7041 15.0029C11.4743 15.0133 10.4717 14.019 10.4717 12.7891V12.6699C10.4717 12.2834 10.7854 11.9698 11.1719 11.9697C11.5583 11.9699 11.8711 12.2835 11.8711 12.6699V12.7891C11.8711 13.2411 12.2404 13.6073 12.6924 13.6035C13.139 13.5996 13.499 13.2357 13.499 12.7891V12.6943C13.499 12.2805 13.2197 11.9183 12.8193 11.8135L12.3574 11.6934C11.3036 11.4175 10.5684 10.4644 10.5684 9.375V9.09668C10.5684 7.91042 11.5415 6.95463 12.7275 6.97559L12.7891 6.97656ZM7.73535 6.94922C9.0297 6.94922 10.0789 7.99866 10.0791 9.29297C10.0791 10.5874 9.0298 11.6367 7.73535 11.6367H6.80762C6.79617 11.6367 6.78475 11.6334 6.77344 11.6328V14.2246C6.77344 14.6112 6.45984 14.9248 6.07324 14.9248C5.68674 14.9247 5.37305 14.6111 5.37305 14.2246V7.64941C5.37308 7.26291 5.68676 6.94933 6.07324 6.94922H7.73535ZM6.77344 10.2402C6.78473 10.2397 6.79619 10.2373 6.80762 10.2373H7.73535C8.2566 10.2373 8.67969 9.81422 8.67969 9.29297C8.67952 8.77186 8.2565 8.34961 7.73535 8.34961H6.77344V10.2402ZM15.4502 1.75C15.8643 1.75011 16.2002 2.08585 16.2002 2.5V3.75H17.4502C17.8643 3.75011 18.2002 4.08585 18.2002 4.5C18.2002 4.91415 17.8643 5.24989 17.4502 5.25H16.2002V6.5C16.2002 6.91415 15.8643 7.24989 15.4502 7.25C15.036 7.25 14.7002 6.91421 14.7002 6.5V5.25H13.4502C13.036 5.25 12.7002 4.91421 12.7002 4.5C12.7002 4.08579 13.036 3.75 13.4502 3.75H14.7002V2.5C14.7002 2.08579 15.036 1.75 15.4502 1.75Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconPsdAddOutline.displayName = "IconPsdAddOutline";

export default IconPsdAddOutline;