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

export const IconAppSquaresSolid = 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-app-squares-solid`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M3.9 2.5C3.1268 2.5 2.5 3.1268 2.5 3.9V7.3C2.5 8.0732 3.1268 8.7 3.9 8.7H7.3C8.0732 8.7 8.7 8.0732 8.7 7.3V3.9C8.7 3.1268 8.0732 2.5 7.3 2.5H3.9ZM3.9 11.3C3.1268 11.3 2.5 11.9269 2.5 12.7V16.1C2.5 16.8732 3.1268 17.5 3.9 17.5H7.3C8.0732 17.5 8.7 16.8732 8.7 16.1V12.7C8.7 11.9269 8.0732 11.3 7.3 11.3H3.9ZM11.3 3.9C11.3 3.1268 11.9269 2.5 12.7 2.5H16.1C16.8732 2.5 17.5 3.1268 17.5 3.9V7.3C17.5 8.0732 16.8732 8.7 16.1 8.7H12.7C11.9269 8.7 11.3 8.0732 11.3 7.3V3.9ZM12.7 11.3C11.9269 11.3 11.3 11.9269 11.3 12.7V16.1C11.3 16.8732 11.9269 17.5 12.7 17.5H16.1C16.8732 17.5 17.5 16.8732 17.5 16.1V12.7C17.5 11.9269 16.8732 11.3 16.1 11.3H12.7Z"
          fill={color}
        />
      </svg>
    );
  }
);

IconAppSquaresSolid.displayName = "IconAppSquaresSolid";

export default IconAppSquaresSolid;