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

export const IconCreateComponentCodeSolid = 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-create-component-code-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M1.00012 5.20996C1.00012 3.96732 2.00747 2.95996 3.25012 2.95996H16.3332C17.5758 2.95996 18.5832 3.96732 18.5832 5.20996L18.5831 10.5714C17.6963 9.88937 16.5858 9.48389 15.3806 9.48389C12.4767 9.48389 10.1226 11.838 10.1226 14.7419C10.1226 15.491 10.2792 16.2034 10.5614 16.8483H3.25C2.00736 16.8483 1 15.8409 1 14.5983L1.00012 5.20996ZM3.68107 10.9047C3.41126 10.5904 3.4473 10.1169 3.76158 9.84711L5.54843 8.31307L3.76158 6.77903C3.4473 6.50921 3.41126 6.03571 3.68107 5.72143C3.95089 5.40715 4.42439 5.3711 4.73867 5.64092L6.92322 7.51639C7.41127 7.93539 7.41127 8.69075 6.92322 9.10975L4.73867 10.9852C4.42439 11.255 3.95089 11.219 3.68107 10.9047ZM8.24416 8.3895C8.24416 7.97529 8.57995 7.6395 8.99416 7.6395H12.4932C12.9074 7.6395 13.2442 7.97529 13.2442 8.3895C13.2442 8.80371 12.9083 9.1395 12.4941 9.1395H8.99416C8.57995 9.1395 8.24416 8.80371 8.24416 8.3895Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M15.3808 18.632C17.5292 18.632 19.2708 16.8904 19.2708 14.742C19.2708 12.5936 17.5292 10.8519 15.3808 10.8519C13.2324 10.8519 11.4907 12.5936 11.4907 14.742C11.4907 16.8904 13.2324 18.632 15.3808 18.632ZM14.7059 12.9169C14.7059 12.5442 15.0081 12.2419 15.3809 12.2419C15.7537 12.2419 16.0559 12.5442 16.0559 12.9169V14.0669H17.2059C17.5787 14.0669 17.8809 14.3692 17.8809 14.7419C17.8809 15.1147 17.5787 15.4169 17.2059 15.4169H16.0559V16.5669C16.0559 16.9397 15.7537 17.2419 15.3809 17.2419C15.0081 17.2419 14.7059 16.9397 14.7059 16.5669V15.4169H13.5559C13.1831 15.4169 12.8809 15.1147 12.8809 14.7419C12.8809 14.3692 13.1831 14.0669 13.5559 14.0669H14.7059V12.9169Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
    </svg>
  );
});

IconCreateComponentCodeSolid.displayName = "IconCreateComponentCodeSolid";

export default IconCreateComponentCodeSolid;