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

export const IconSendToBackOutline = 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-send-to-back-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M9.56407 2.23736C9.82484 2.05109 10.1752 2.05109 10.4359 2.23736L17.4359 7.23736C17.6268 7.37371 17.7429 7.59152 17.7497 7.826C17.7565 8.06049 17.6531 8.28464 17.4704 8.43178L16.0022 9.61419L17.4359 10.6383C17.6268 10.7746 17.7429 10.9924 17.7497 11.2269C17.7565 11.4614 17.6531 11.6855 17.4704 11.8327L15.4704 13.4434C15.1478 13.7032 14.6757 13.6523 14.4159 13.3297C14.1561 13.0071 14.207 12.535 14.5296 12.2751L15.7598 11.2844L10 7.17024L4.2402 11.2844L5.47043 12.2751C5.79303 12.535 5.84393 13.0071 5.58412 13.3297C5.32432 13.6523 4.85218 13.7032 4.52958 13.4434L2.52958 11.8327C2.34687 11.6855 2.24354 11.4614 2.25031 11.2269C2.25709 10.9924 2.37318 10.7746 2.56407 10.6383L3.99777 9.61419L2.52958 8.43178C2.34687 8.28464 2.24354 8.06049 2.25031 7.826C2.25709 7.59152 2.37318 7.37371 2.56407 7.23736L9.56407 2.23736ZM5.26515 8.70892L9.56407 5.63826C9.82484 5.452 10.1752 5.452 10.4359 5.63826L14.7348 8.70892L15.7598 7.88347L10 3.76933L4.2402 7.88347L5.26515 8.70892Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
        <path
          d="M8.2044 14.7271L9.24999 15.7727L9.24999 10.9654C9.24999 10.5512 9.58578 10.2154 9.99999 10.2154C10.4142 10.2154 10.75 10.5512 10.75 10.9654V15.7727L11.7956 14.7271C12.0885 14.4342 12.5634 14.4342 12.8563 14.7271C13.1491 15.02 13.1491 15.4949 12.8563 15.7878L10.5303 18.1137C10.2374 18.4066 9.76256 18.4066 9.46966 18.1137L7.14374 15.7878C6.85084 15.4949 6.85084 15.02 7.14374 14.7271C7.43663 14.4342 7.9115 14.4342 8.2044 14.7271Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconSendToBackOutline.displayName = "IconSendToBackOutline";

export default IconSendToBackOutline;