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

export const IconToolUnlockedOutline = 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-tool-unlocked-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.4641 5.13079C13.464 3.2899 11.9717 1.79752 10.1308 1.79746C8.28982 1.79746 6.79741 3.28987 6.79741 5.13082L6.79741 6.79749C6.79741 8.03116 7.4676 9.1083 8.46376 9.6847L8.46407 5.13083C8.4641 4.21032 9.21027 3.46415 10.1307 3.46418L10.2222 3.46664C11.1001 3.51411 11.7974 4.241 11.7974 5.13084L11.7976 9.68482C12.7938 9.10847 13.4641 8.03125 13.4641 6.79747L13.4641 5.13079ZM8.46372 10.577L8.46407 15.1309C8.46404 16.0513 9.21021 16.7975 10.1307 16.7975C11.0512 16.7975 11.7974 16.0513 11.7974 15.1309L11.7975 10.5768C12.7938 11.1532 13.464 12.2304 13.464 13.4642L13.464 15.1309C13.464 16.9718 11.9717 18.4642 10.1307 18.4642C8.28976 18.4642 6.79735 16.9718 6.79735 15.1308L6.79737 13.4642C6.79737 12.2305 7.46756 11.1534 8.46372 10.577Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolUnlockedOutline.displayName = "IconToolUnlockedOutline";

export default IconToolUnlockedOutline;