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

export const IconToolMultiLevelImageOutline = 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-tool-multi-level-image-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M2.40001 3.19998C2.40001 2.97906 2.5791 2.79998 2.80001 2.79998H6.80001C6.92591 2.79998 7.04447 2.85925 7.12001 2.95998L8.32001 4.55998C8.43332 4.71106 8.61116 4.79998 8.80001 4.79998H15.3C15.5209 4.79998 15.7 4.97906 15.7 5.19998V6.19995H5.49013C4.55669 6.19995 3.79999 6.96746 3.79999 7.91424V16.4857C3.79999 17.4324 4.55669 18.2 5.49013 18.2H17.1098C18.0433 18.2 18.8 17.4324 18.8 16.4857V7.91424C18.8 6.96746 18.0433 6.19995 17.1098 6.19995H16.9V5.19998C16.9 4.31632 16.1837 3.59998 15.3 3.59998H9.10001L8.08001 2.23998L7.60001 2.59998L8.08001 2.23998C7.77784 1.83709 7.30362 1.59998 6.80001 1.59998H2.80001C1.91636 1.59998 1.20001 2.31632 1.20001 3.19998V15.2C1.20001 15.5313 1.46864 15.8 1.80001 15.8C2.13138 15.8 2.40001 15.5313 2.40001 15.2V3.19998ZM5.06759 16.4857V15.1448L8.51506 11.6481C8.88634 11.2715 9.48829 11.2715 9.85956 11.6481L13.4927 15.3331C13.7402 15.5841 14.1415 15.5841 14.389 15.3331C14.6365 15.082 14.6365 14.675 14.389 14.424L13.7808 13.8071L14.3249 13.2552C14.6962 12.8786 15.2981 12.8786 15.6694 13.2552L17.5324 15.1448V16.4857C17.5324 16.7224 17.3432 16.9142 17.1098 16.9142H5.49013C5.25677 16.9142 5.06759 16.7224 5.06759 16.4857ZM10.7559 10.7389L12.8845 12.898L13.4286 12.3461C14.2949 11.4674 15.6994 11.4674 16.5658 12.3461L17.5324 13.3265V7.91424C17.5324 7.67754 17.3432 7.48567 17.1098 7.48567H5.49013C5.25677 7.48567 5.06759 7.67754 5.06759 7.91424V13.3265L7.61873 10.7389C8.48504 9.86026 9.88959 9.86027 10.7559 10.7389ZM12.8845 8.61067C12.3886 8.61067 11.9866 9.01841 11.9866 9.52138C11.9866 10.0244 12.3886 10.4321 12.8845 10.4321C13.3804 10.4321 13.7824 10.0244 13.7824 9.52138C13.7824 9.01841 13.3804 8.61067 12.8845 8.61067Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconToolMultiLevelImageOutline.displayName = "IconToolMultiLevelImageOutline";

export default IconToolMultiLevelImageOutline;