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

export const IconForward15Outline = 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-forward-15-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.4055 1.01C13.7822 0.837751 14.2272 1.00349 14.3994 1.38019L15.564 3.92697C15.6606 4.13809 15.6539 4.38201 15.546 4.58754C15.438 4.79307 15.241 4.93704 15.0124 4.97743L12.2547 5.46459C11.8468 5.53664 11.4577 5.26439 11.3856 4.85649C11.3136 4.44859 11.5858 4.05951 11.9937 3.98746L12.8869 3.82968C9.60851 2.29278 5.66924 3.59486 3.96887 6.83298C2.21976 10.1639 3.50208 14.2821 6.833 16.0312C10.1639 17.7803 14.2821 16.498 16.0312 13.1671C17.0811 11.1676 17.0395 8.88483 16.1159 6.99854C15.9337 6.62653 16.0876 6.17729 16.4596 5.99513C16.8316 5.81297 17.2809 5.96688 17.463 6.33889C18.5879 8.63621 18.6409 11.4237 17.3592 13.8644C15.225 17.9288 10.2 19.4935 6.13564 17.3592C2.07126 15.225 0.506579 10.2 2.64083 6.13561C4.65664 2.29679 9.25124 0.687919 13.1796 2.31945L13.0353 2.00397C12.863 1.62727 13.0288 1.18226 13.4055 1.01Z"
          fill={color}
        />
        <path
          d="M7.81298 6.51279C7.99797 6.622 8.11149 6.82084 8.11149 7.03567V13.4376C8.11149 13.7729 7.83963 14.0448 7.50429 14.0448 7.16894 14.0448 6.89708 13.7729 6.89708 13.4376V8.06418L5.97224 8.57446C5.67862 8.73646 5.30926 8.62976 5.14726 8.33614 4.98526 8.04252 5.09195 7.67316 5.38558 7.51116L7.21095 6.50402C7.39905 6.40024 7.62798 6.40357 7.81298 6.51279ZM9.61231 7.02338C9.64141 6.71122 9.90338 6.47254 10.2169 6.47254H13.1566C13.4919 6.47254 13.7638 6.74439 13.7638 7.07974 13.7638 7.41509 13.4919 7.68695 13.1566 7.68695H10.7701L10.6405 9.0776C11.1977 8.94742 11.8155 8.92529 12.379 9.078 12.8641 9.20946 13.3339 9.47874 13.6654 9.94606 13.997 10.4133 14.1466 11.0168 14.1058 11.7368 14.022 13.2133 12.8498 13.9411 11.756 14.004 10.695 14.0649 9.42671 13.5052 9.18158 12.1671 9.12116 11.8373 9.33958 11.5209 9.66944 11.4605 9.9993 11.4 10.3157 11.6185 10.3761 11.9483 10.4733 12.4789 11.0035 12.8308 11.6864 12.7916 12.3364 12.7542 12.8535 12.37 12.8933 11.668 12.9225 11.1538 12.8113 10.8408 12.675 10.6488 12.5388 10.4568 12.3339 10.324 12.0614 10.2501 11.4841 10.0937 10.7256 10.2401 10.2479 10.514 10.0512 10.6268 9.80803 10.6206 9.61734 10.498 9.42665 10.3754 9.32017 10.1567 9.34122 9.93093L9.61231 7.02338Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconForward15Outline.displayName = "IconForward15Outline";

export default IconForward15Outline;