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

export const IconArrowsPointingOutOutline = 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-arrows-pointing-out-outline`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M8.02874 8.03192C7.9572 8.10304 7.87489 8.15676 7.78709 8.19309 7.69866 8.22976 7.60169 8.25 7.5 8.25H4.5C4.08579 8.25 3.75 7.91421 3.75 7.5 3.75 7.08579 4.08579 6.75 4.5 6.75H5.68934L3.46967 4.53033C3.17678 4.23744 3.17678 3.76256 3.46967 3.46967 3.76256 3.17678 4.23744 3.17678 4.53033 3.46967L6.75 5.68934V4.5C6.75 4.08579 7.08579 3.75 7.5 3.75 7.91421 3.75 8.25 4.08579 8.25 4.5V7.5C8.25 7.60169 8.22976 7.69866 8.19309 7.78709 8.15676 7.87489 8.10304 7.9572 8.03192 8.02874L8.03033 8.03033 8.02874 8.03192ZM16.5303 4.53033 14.3107 6.75H15.5C15.9142 6.75 16.25 7.08579 16.25 7.5 16.25 7.91421 15.9142 8.25 15.5 8.25H12.5C12.3983 8.25 12.3013 8.22976 12.2129 8.19309 12.1245 8.15649 12.0416 8.10224 11.9697 8.03033 11.8978 7.95842 11.8435 7.87555 11.8069 7.78709 11.7702 7.69866 11.75 7.60169 11.75 7.5V4.5C11.75 4.08579 12.0858 3.75 12.5 3.75 12.9142 3.75 13.25 4.08579 13.25 4.5V5.68934L15.4697 3.46967C15.7626 3.17678 16.2374 3.17678 16.5303 3.46967 16.8232 3.76256 16.8232 4.23744 16.5303 4.53033ZM3.46967 16.5303C3.17678 16.2374 3.17678 15.7626 3.46967 15.4697L5.68934 13.25H4.5C4.08579 13.25 3.75 12.9142 3.75 12.5 3.75 12.0858 4.08579 11.75 4.5 11.75H7.5C7.60169 11.75 7.69866 11.7702 7.78709 11.8069 7.87555 11.8435 7.95842 11.8978 8.03033 11.9697 8.10224 12.0416 8.15649 12.1245 8.19309 12.2129 8.22976 12.3013 8.25 12.3983 8.25 12.5V15.5C8.25 15.9142 7.91421 16.25 7.5 16.25 7.08579 16.25 6.75 15.9142 6.75 15.5V14.3107L4.53033 16.5303C4.23744 16.8232 3.76256 16.8232 3.46967 16.5303ZM15.4697 16.5303C15.7626 16.8232 16.2374 16.8232 16.5303 16.5303 16.8232 16.2374 16.8232 15.7626 16.5303 15.4697L14.3107 13.25H15.5C15.9142 13.25 16.25 12.9142 16.25 12.5 16.25 12.0858 15.9142 11.75 15.5 11.75H12.5C12.3081 11.75 12.1161 11.8232 11.9697 11.9697 11.8978 12.0416 11.8435 12.1245 11.8069 12.2129 11.7702 12.3013 11.75 12.3983 11.75 12.5V15.5C11.75 15.9142 12.0858 16.25 12.5 16.25 12.9142 16.25 13.25 15.9142 13.25 15.5V14.3107L15.4697 16.5303Z"
        fill={color}
      />
    </svg>
  );
});

IconArrowsPointingOutOutline.displayName = "IconArrowsPointingOutOutline";

export default IconArrowsPointingOutOutline;