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

export const IconArrowLongSlashRightOutline = 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-arrow-long-slash-right-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M11.2998 4.92123C11.5069 4.56293 11.9657 4.44024 12.3242 4.64681 12.6825 4.85394 12.8063 5.3127 12.5996 5.67123L7.16797 15.0785C6.96089 15.4369 6.50216 15.5596 6.14355 15.3529 5.78507 15.1457 5.66215 14.6871 5.86914 14.3285L11.2998 4.92123ZM13.7646 6.00326C13.9425 6.00669 14.1202 6.06999 14.2607 6.20052L17.7607 9.45052C17.9134 9.59242 18 9.79191 18 10.0003 17.9999 10.2087 17.9134 10.4083 17.7607 10.5501L14.2607 13.8001C13.9573 14.0817 13.482 14.0643 13.2002 13.7611 12.9184 13.4576 12.936 12.9824 13.2393 12.7005L15.3398 10.7503H11.0527L11.9189 9.25033H15.3398L13.2393 7.30013C13.194 7.25812 13.1575 7.20986 13.125 7.16049L13.6396 6.27084C13.6896 6.18412 13.7293 6.0937 13.7646 6.00326ZM6.5498 10.7503H2.75C2.3359 10.7503 2.00018 10.4144 2 10.0003 2 9.58612 2.33579 9.25033 2.75 9.25033H7.41504L6.5498 10.7503Z"
        fill={color}
      />
    </svg>
  );
});

IconArrowLongSlashRightOutline.displayName = "IconArrowLongSlashRightOutline";

export default IconArrowLongSlashRightOutline;