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

export const IconRemoveBackgroundOutline = 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-remove-background-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6.47422 5.61661C6.72806 5.36276 6.72806 4.95121 6.47422 4.69737 6.22037 4.44353 5.80882 4.44353 5.55498 4.69737L4.82719 5.42517C4.57335 5.67901 4.57335 6.09057 4.82719 6.34441 5.08104 6.59825 5.49259 6.59825 5.74643 6.3444L6.47422 5.61661ZM9.30885 4.69737C9.5627 4.95121 9.5627 5.36276 9.30886 5.61661L5.78836 9.13714C5.53452 9.39099 5.12297 9.39099 4.86912 9.13715 4.61528 8.88331 4.61528 8.47175 4.86912 8.21791L8.38961 4.69737C8.64345 4.44353 9.05501 4.44353 9.30885 4.69737ZM12.2237 5.61661C12.4775 5.36277 12.4775 4.95121 12.2237 4.69737 11.9698 4.44353 11.5583 4.44353 11.3044 4.69737L7.36699 8.63483C7.11314 8.88868 7.11315 9.30023 7.36699 9.55407 7.62083 9.80791 8.03238 9.80791 8.28623 9.55407L12.2237 5.61661ZM15.0256 4.98184C15.2794 5.23568 15.2794 5.64724 15.0256 5.90108L10.4671 10.4596C10.2132 10.7135 9.80168 10.7135 9.54783 10.4596 9.29399 10.2058 9.29399 9.79423 9.54783 9.54039L14.1064 4.98184C14.3602 4.728 14.7718 4.728 15.0256 4.98184ZM15.0256 8.94574C15.2794 8.6919 15.2794 8.28035 15.0256 8.0265 14.7718 7.77266 14.3602 7.77266 14.1064 8.0265L12.5925 9.54038C12.3386 9.79422 12.3386 10.2058 12.5924 10.4596 12.8463 10.7135 13.2578 10.7135 13.5117 10.4596L15.0256 8.94574Z"
          fill={color}
        />
        <path
          d="M2.5 4.5C2.5 3.39543 3.39543 2.5 4.5 2.5H15.5C16.6046 2.5 17.5 3.39543 17.5 4.5V15.5C17.5 16.6046 16.6046 17.5 15.5 17.5H4.5C3.39543 17.5 2.5 16.6046 2.5 15.5V4.5ZM4.5 4H15.5C15.7761 4 16 4.22386 16 4.5V12.5818L14.5436 11.5196C13.7326 10.9281 12.6203 10.9765 11.8637 11.6362L10.6486 12.6957L9.01831 11.0614C8.19889 10.24 6.87555 10.2169 6.02797 11.0092L4 12.9049V4.5C4 4.22386 4.22386 4 4.5 4ZM15.7743 14.0262C15.8442 14.0772 15.9209 14.1122 16 14.1319V15.5C16 15.7761 15.7761 16 15.5 16H4.5C4.22386 16 4 15.7761 4 15.5V14.6844L6.91573 11.9588C7.25081 11.6456 7.77399 11.6547 8.09795 11.9795L10.8963 14.7847C11.1499 15.0388 11.5614 15.0393 11.8156 14.7858C12.0697 14.5323 12.0702 14.1207 11.8167 13.8666L11.5688 13.6181L12.7181 12.616C13.0172 12.3552 13.4569 12.3361 13.7776 12.5699L15.7743 14.0262Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconRemoveBackgroundOutline.displayName = "IconRemoveBackgroundOutline";

export default IconRemoveBackgroundOutline;