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

export const IconAttributeYOutline = 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-attribute-y-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M5.16542 2.86033C4.90422 2.53885 4.43187 2.48999 4.11039 2.75119C3.78892 3.01239 3.74005 3.48474 4.00125 3.80622L9.16669 10.1637L9.16669 16.4874C9.16669 16.9016 9.50247 17.2374 9.91669 17.2374C10.3309 17.2374 10.6667 16.9016 10.6667 16.4874L10.6667 10.3688L15.9988 3.80622C16.26 3.48474 16.2111 3.01239 15.8896 2.75119C15.5681 2.48999 15.0958 2.53885 14.8346 2.86033L10 8.81059L5.16542 2.86033Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconAttributeYOutline.displayName = "IconAttributeYOutline";

export default IconAttributeYOutline;