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

export const IconTiltOutline = 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-tilt-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M7.25 1C5.45508 1 4 2.45508 4 4.25C4 5.49707 4.70239 6.58014 5.73315 7.12506L4.64319 12.0236C4.51428 12.008 4.38306 12 4.25 12C2.45508 12 1 13.4551 1 15.25C1 17.0449 2.45508 18.5 4.25 18.5C5.96082 18.5 7.36279 17.1781 7.49048 15.5H10.0095C10.1372 17.1781 11.5392 18.5 13.25 18.5C15.0449 18.5 16.5 17.0449 16.5 15.25C16.5 14.0506 15.8502 13.003 14.8835 12.4398L15.9972 7.4903C16.0807 7.4967 16.1649 7.5 16.25 7.5C18.0449 7.5 19.5 6.04492 19.5 4.25C19.5 2.45508 18.0449 1 16.25 1C14.5392 1 13.1372 2.3219 13.0095 4H10.4905C10.3628 2.3219 8.96082 1 7.25 1ZM5.5 4.25C5.5 3.28351 6.28345 2.5 7.25 2.5C8.21655 2.5 9 3.28351 9 4.25C9 5.21649 8.21655 6 7.25 6C6.28345 6 5.5 5.21649 5.5 4.25ZM7.25098 14H10.249C10.7388 12.8255 11.8981 12 13.25 12C13.277 12 13.304 12.0003 13.3308 12.001C13.3687 12.0019 13.4064 12.0035 13.4438 12.0057L14.5636 7.02875C13.9789 6.6731 13.5151 6.13806 13.249 5.5H10.251C9.76123 6.6745 8.60193 7.5 7.25 7.5C7.22876 7.5 7.20752 7.49982 7.1864 7.49939L6.06238 12.5519C6.58777 12.9055 7.00427 13.4084 7.25098 14ZM16.25 2.5C15.2834 2.5 14.5 3.28351 14.5 4.25C14.5 5.21649 15.2834 6 16.25 6C17.2166 6 18 5.21649 18 4.25C18 3.28351 17.2166 2.5 16.25 2.5ZM13.25 13.5C12.2834 13.5 11.5 14.2835 11.5 15.25C11.5 16.2165 12.2834 17 13.25 17C14.2166 17 15 16.2165 15 15.25C15 14.2835 14.2166 13.5 13.25 13.5ZM2.5 15.25C2.5 14.2835 3.28345 13.5 4.25 13.5C5.21655 13.5 6 14.2835 6 15.25C6 16.2165 5.21655 17 4.25 17C3.28345 17 2.5 16.2165 2.5 15.25Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconTiltOutline.displayName = "IconTiltOutline";

export default IconTiltOutline;