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

export const IconRiseOutline = 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-rise-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M17.9343 2.82472C17.8804 2.71692 17.7996 2.62062 17.694 2.54663C17.6007 2.48132 17.4977 2.4402 17.3925 2.42194C17.3207 2.40943 17.246 2.40728 17.1704 2.41683C17.1569 2.41853 17.1434 2.42059 17.13 2.42302L11.1077 3.48491C10.6998 3.55684 10.4274 3.94583 10.4994 4.35375C10.5713 4.76167 10.9603 5.03405 11.3682 4.96212L15.6109 4.21403L10.4321 11.61L6.53557 8.88159C6.19626 8.64401 5.7286 8.72647 5.49102 9.06578L0.577656 16.0828C0.340073 16.4221 0.422534 16.8898 0.761838 17.1273C1.10114 17.3649 1.5688 17.2825 1.80638 16.9432L6.28957 10.5405L10.1861 13.2689C10.5254 13.5065 10.9931 13.424 11.2307 13.0847L16.8395 5.07445L17.5876 9.317C17.6596 9.72492 18.0485 9.9973 18.4565 9.92537C18.8644 9.85344 19.1368 9.46445 19.0648 9.05653L18.0039 3.03954C17.9974 3.00005 17.9878 2.96107 17.9751 2.92303C17.9637 2.88898 17.9501 2.85616 17.9343 2.82472Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconRiseOutline.displayName = "IconRiseOutline";

export default IconRiseOutline;