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

export const IconReset2Outline = 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-reset-2-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M16.037 11.6176C16.9304 8.28343 14.9518 4.85632 11.6176 3.96293C8.4207 3.10632 5.13832 4.89017 4.08598 7.97764L5.12786 7.47601C5.50107 7.29633 5.94928 7.45321 6.12897 7.82642C6.30866 8.19963 6.15177 8.64784 5.77856 8.82753L3.07554 10.1289C2.70233 10.3086 2.25412 10.1517 2.07443 9.77853L0.773025 7.07551C0.593338 6.7023 0.750219 6.25408 1.12343 6.0744C1.49664 5.89471 1.94485 6.05159 2.12454 6.4248L2.65501 7.52659C3.94723 3.67705 8.02984 1.44867 12.0059 2.51405C16.1402 3.62184 18.5937 7.87146 17.4859 12.0058C16.3781 16.1402 12.1285 18.5937 7.99416 17.4859C5.89966 16.9247 4.23572 15.5559 3.24914 13.8063C3.04568 13.4455 3.17323 12.9881 3.53403 12.7846C3.89484 12.5812 4.35226 12.7087 4.55572 13.0695C5.35245 14.4824 6.693 15.5843 8.38239 16.037C11.7166 16.9304 15.1437 14.9518 16.037 11.6176ZM11.5 10C11.5 10.8284 10.8284 11.5 10 11.5C9.17159 11.5 8.50002 10.8284 8.50002 10C8.50002 9.17157 9.17159 8.5 10 8.5C10.8284 8.5 11.5 9.17157 11.5 10ZM13 10C13 11.6568 11.6569 13 10 13C8.34317 13 7.00002 11.6568 7.00002 10C7.00002 8.34314 8.34317 7 10 7C11.6569 7 13 8.34314 13 10Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconReset2Outline.displayName = "IconReset2Outline";

export default IconReset2Outline;