import * as React from "react";
import type { IconProps, IconMetadata, IconComponent } from "../../types";

export const Builder: IconComponent = React.forwardRef<
  SVGSVGElement,
  IconProps
>(function Builder(
  {
    color = "currentColor",
    fill,
    size = 24,
    strokeWidth,
    strokeLinecap,
    strokeLinejoin,
    strokeDasharray,
    opacity,
    className,
    ...props
  },
  forwardedRef,
) {
  return (
    <svg
      width={size}
      height={size}
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
      strokeWidth={strokeWidth}
      strokeLinecap={strokeLinecap}
      strokeLinejoin={strokeLinejoin}
      strokeDasharray={strokeDasharray}
      opacity={opacity}
      {...props}
      ref={forwardedRef}
    >
      <g clipPath="url(#undefined-clip0_2062_2278)">
        <path
          d="M22 6.74294C22.0012 7.74858 21.7768 8.74172 21.3431 9.64937C20.9095 10.557 20.2777 11.3561 19.4941 11.9879L1.47595 1.77109C1.40707 1.73174 1.34317 1.68427 1.28563 1.62971C1.19533 1.54119 1.12357 1.43561 1.07454 1.31913C1.0255 1.20265 1.00016 1.07759 1 0.951236C0.999968 0.826343 1.02457 0.702667 1.07241 0.58727C1.12025 0.471873 1.19038 0.367015 1.2788 0.278683C1.36722 0.190352 1.47221 0.120277 1.58775 0.0724603C1.7033 0.0246436 1.82714 2.15105e-05 1.95222 0L15.2505 0C16.1369 7.69699e-06 17.0147 0.174439 17.8336 0.513326C18.6526 0.852214 19.3966 1.34891 20.0232 1.97504C21.2891 3.2398 22.0002 4.9548 22 6.74294Z"
          fill="#18b4f4"
        />
        <path
          d="M22 17.2325C22.0003 18.1181 21.8259 18.995 21.4868 19.8133C21.1479 20.6317 20.6507 21.3753 20.0238 22.0017C19.397 22.6278 18.6529 23.1245 17.8339 23.4635C17.0148 23.8024 16.137 23.977 15.2504 23.9771H1.95239C1.76394 23.9751 1.58033 23.9173 1.42477 23.8111C1.26936 23.7048 1.149 23.5549 1.07892 23.3802C1.00861 23.2056 0.991908 23.014 1.03093 22.8298C1.06969 22.6457 1.16223 22.4772 1.29688 22.3456C1.35064 22.2919 1.41081 22.2451 1.47604 22.206L8.56715 18.1854L19.4928 11.9893C20.2761 12.621 20.9079 13.4198 21.3417 14.327C21.7756 15.2343 22.0005 16.2271 22 17.2325Z"
          fill="#fd6b3c"
        />
        <path
          d="M19.4941 11.9879L8.56704 18.1855L1.47626 22.2061C1.4081 22.244 1.3451 22.2904 1.28882 22.3443C3.99271 19.5734 5.50441 15.8567 5.50104 11.9879C5.5062 8.11857 3.99487 4.40079 1.29029 1.62976C1.34788 1.68441 1.4119 1.73189 1.48094 1.77114L19.4942 11.9879H19.4941Z"
          fill="#a97ff2"
        />
      </g>
      <defs>
        <clipPath id="undefined-clip0_2062_2278">
          <path fill="#fff" transform="translate(1)" d="M0 0H21V24H0z" />
        </clipPath>
      </defs>
    </svg>
  );
});

Builder.displayName = "Builder";

Builder.metadata = {
  name: "Builder",
  category: "icon/cms",
  tags: ["builder", "icon"],
  description: "Builder icon from icon/cms category",
  type: ["stroke", "icon"],
} as IconMetadata;

export default Builder;