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

export const IconToolLockedOutline = 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-locked-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M13.4641 4.99993C13.464 3.15904 11.9717 1.66666 10.1308 1.6666C8.28982 1.6666 6.79741 3.15901 6.79741 4.99996L6.79741 6.66663C6.79741 7.9003 7.4676 8.97744 8.46376 9.55384L8.46407 4.99997C8.4641 4.07946 9.21027 3.33329 10.1307 3.33332L10.2222 3.33578C11.1001 3.38325 11.7974 4.11014 11.7974 4.99998L11.7976 9.55397C12.7938 8.97761 13.4641 7.9004 13.4641 6.66661L13.4641 4.99993ZM10.131 6.45799C10.5912 6.45801 10.9643 6.8311 10.9643 7.29133L10.9644 12.708C10.9643 13.1682 10.5912 13.5413 10.131 13.5413C9.67074 13.5413 9.29769 13.1682 9.2977 12.708L9.29768 7.29132C9.29767 6.8311 9.67078 6.45798 10.131 6.45799ZM8.46372 10.4461L8.46407 15C8.46404 15.9205 9.21021 16.6667 10.1307 16.6667C11.0512 16.6667 11.7974 15.9205 11.7974 15L11.7975 10.446C12.7938 11.0224 13.464 12.0995 13.464 13.3333L13.464 15C13.464 16.841 11.9717 18.3333 10.1307 18.3333C8.28976 18.3333 6.79735 16.8409 6.79735 15L6.79737 13.3333C6.79737 12.0997 7.46756 11.0225 8.46372 10.4461Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconToolLockedOutline.displayName = "IconToolLockedOutline";

export default IconToolLockedOutline;