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

export const IconBack15Outline = 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-back-15-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M6.5945 1.01C6.2178 0.837751 5.77279 1.00349 5.60054 1.38019L4.43597 3.92697C4.33943 4.13809 4.3461 4.38201 4.45402 4.58754C4.56195 4.79307 4.75897 4.93704 4.98757 4.97743L7.7453 5.46459C8.1532 5.53664 8.54228 5.26439 8.61433 4.85649C8.68639 4.44859 8.41414 4.05951 8.00624 3.98746L7.11313 3.82969C10.3915 2.29278 14.3308 3.59486 16.0312 6.83298C17.7803 10.1639 16.498 14.2821 13.167 16.0312C9.83612 17.7803 5.71794 16.498 3.96883 13.1671C2.91891 11.1676 2.96055 8.88483 3.88418 6.99854C4.06634 6.62653 3.91243 6.17729 3.54042 5.99513C3.16841 5.81297 2.71917 5.96688 2.53701 6.33889C1.41211 8.63621 1.35913 11.4237 2.6408 13.8644C4.77505 17.9288 9.80003 19.4935 13.8644 17.3592C17.9288 15.225 19.4935 10.2 17.3592 6.13561C15.3434 2.29676 10.7487 0.687899 6.82041 2.31948L6.96468 2.00397C7.13694 1.62727 6.9712 1.18226 6.5945 1.01Z"
          fill={color}
        />
        <path
          d="M7.81298 6.51277C7.99797 6.62199 8.11149 6.82083 8.11149 7.03566V13.4376C8.11149 13.7729 7.83963 14.0448 7.50429 14.0448 7.16894 14.0448 6.89708 13.7729 6.89708 13.4376V8.06417L5.97224 8.57444C5.67862 8.73645 5.30926 8.62975 5.14726 8.33613 4.98526 8.0425 5.09195 7.67315 5.38558 7.51114L7.21095 6.50401C7.39905 6.40022 7.62798 6.40356 7.81298 6.51277ZM9.61231 7.02336C9.64141 6.7112 9.90338 6.47253 10.2169 6.47253H13.1566C13.4919 6.47253 13.7638 6.74438 13.7638 7.07973 13.7638 7.41508 13.4919 7.68693 13.1566 7.68693H10.7701L10.6405 9.07758C11.1977 8.94741 11.8155 8.92528 12.379 9.07799 12.8641 9.20945 13.3339 9.47872 13.6654 9.94604 13.997 10.4133 14.1466 11.0168 14.1058 11.7367 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.6184 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.24 10.2479 10.514 10.0512 10.6268 9.80803 10.6206 9.61734 10.498 9.42665 10.3753 9.32017 10.1567 9.34122 9.93092L9.61231 7.02336Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconBack15Outline.displayName = "IconBack15Outline";

export default IconBack15Outline;