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

export const IconDesigningSolid = 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-designing-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <g clipPath="url(#a)">
          <path
            d="M18.125 10.0049C18.125 12.9342 16.5748 15.5015 14.25 16.931L14.25 10.5147C14.25 10.0143 14.0832 9.52819 13.7759 9.13322L10.9861 5.54691C10.4856 4.90351 9.51314 4.90359 9.01275 5.54706L6.22385 9.13337C5.91674 9.52829 5.75 10.0143 5.75 10.5146L5.75001 16.9311C3.42521 15.5015 1.875 12.9342 1.875 10.0049C1.875 5.51757 5.51269 1.87988 10 1.87988C14.4873 1.87988 18.125 5.51757 18.125 10.0049ZM12.75 17.6527L12.75 11.5H10.75V14.5C10.75 14.9142 10.4142 15.25 10 15.25C9.58579 15.25 9.25 14.9142 9.25 14.5V11.5H7.25L7.25001 17.6527C8.10886 17.9616 9.03478 18.1299 10 18.1299C10.9652 18.1299 11.8911 17.9616 12.75 17.6527ZM7.45009 10H12.5498L11.3829 8.5H8.61657L7.45009 10Z"
            fill={color}
            fillRule="evenodd"
            clipRule="evenodd"
          />
        </g>
        <defs>
          <clipPath id="a">
            <path fill={color} d="M0 0H20V20H0z" />
          </clipPath>
        </defs>
      </svg>
    );
  }
);

IconDesigningSolid.displayName = "IconDesigningSolid";

export default IconDesigningSolid;