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

export const IconKeyIdDesignTemplatesSolid = 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-key-id-design-templates-solid`,
  };
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
      ref={forwardedRef}
    >
      <path
        d="M3.73242 2.5C2.77539 2.5 2 3.22705 2 4.12402V6.29211C2 6.81982 2.45605 7.24744 3.01904 7.24744H8.18652C8.74902 7.24744 9.20557 6.81982 9.20557 6.29211V3.45532C9.20557 2.92773 8.74902 2.5 8.18652 2.5H3.73242Z"
        fill={color}
      />
      <path
        d="M8.75 15.3239L9.69141 15.321L9.69336 15.697C9.6958 16.1757 10.0845 16.5623 10.563 16.5623C11.0454 16.5623 11.4355 16.17 11.4326 15.6879L11.4307 15.3098L12.4072 15.3002C12.5693 15.9493 12.8628 16.4884 13.3623 16.9813C14.7505 18.3518 16.9229 18.3378 18.293 16.9495C19.6636 15.5612 19.6494 13.3892 18.2612 12.0187C16.873 10.6482 14.7012 10.6622 13.3306 12.0505C12.8936 12.4929 12.5679 12.9843 12.4028 13.5599L7.14111 13.594C7.0625 13.5945 6.99951 13.6584 7 13.7369L7.01172 15.6974C7.01465 16.1759 7.40332 16.5623 7.88184 16.5623C8.24365 16.5623 8.55371 16.3416 8.68506 16.0277C8.72683 15.9266 8.75195 15.8164 8.75195 15.702L8.75 15.3239ZM15.7925 16.0028C16.6577 16.0028 17.3589 15.3015 17.3589 14.4365C17.3589 13.5714 16.6577 12.8702 15.7925 12.8702C14.9272 12.8702 14.2261 13.5714 14.2261 14.4365C14.2261 15.3015 14.9272 16.0028 15.7925 16.0028Z"
        fill={color}
        fillRule="evenodd"
        clipRule="evenodd"
      />
      <path
        d="M2 9.70532C2 9.17773 2.45605 8.75 3.01904 8.75H8.18652C8.74902 8.75 9.20557 9.17773 9.20557 9.70532L9.21191 12.0882 7.14111 12.1016C6.20946 12.0882 5.48828 12.8689 5.48828 13.7416L5.5 15.702C5.50537 16.5645 6.09375 17.2877 6.88965 17.4987L3.73242 17.5C2.77539 17.5 2 16.7729 2 15.876V9.70532ZM12.7183 10.6084C14.1719 9.22087 16.2847 8.98711 17.9614 9.91423 17.9731 9.87615 17.9819 9.83709 17.9883 9.79729 17.9961 9.75029 18 9.7022 18 9.65313V4.12402C18 3.22705 17.2246 2.5 16.2676 2.5H11.814C11.251 2.5 10.7949 2.92773 10.7949 3.45532V9.65313C10.7949 10.1807 11.251 10.6084 11.814 10.6084H12.7183Z"
        fill={color}
      />
    </svg>
  );
});

IconKeyIdDesignTemplatesSolid.displayName = "IconKeyIdDesignTemplatesSolid";

export default IconKeyIdDesignTemplatesSolid;