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

export const IconListCircleOutline = 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-list-circle-outline`,
    };
    return (
      <svg
        viewBox="0 0 20 20"
        fill="none"
        xmlns="http://www.w3.org/2000/svg"
        {...props}
        ref={forwardedRef}
      >
        <path
          d="M4.8 2.80005C3.80589 2.80005 3 3.60594 3 4.60005C3 5.59416 3.80589 6.40005 4.8 6.40005C5.79411 6.40005 6.6 5.59416 6.6 4.60005C6.6 3.60594 5.79411 2.80005 4.8 2.80005ZM4.8 10.9C4.35817 10.9 4 10.5418 4 10.1C4 9.65817 4.35817 9.3 4.8 9.3C5.24183 9.3 5.6 9.65817 5.6 10.1C5.6 10.5418 5.24183 10.9 4.8 10.9ZM3 10.1C3 9.10589 3.80589 8.3 4.8 8.3C5.79411 8.3 6.6 9.10589 6.6 10.1C6.6 11.0941 5.79411 11.9 4.8 11.9C3.80589 11.9 3 11.0941 3 10.1ZM4 15.5999C4 16.0417 4.35817 16.3999 4.8 16.3999C5.24183 16.3999 5.6 16.0417 5.6 15.5999C5.6 15.1581 5.24183 14.7999 4.8 14.7999C4.35817 14.7999 4 15.1581 4 15.5999ZM4.8 13.7999C3.80589 13.7999 3 14.6058 3 15.5999C3 16.594 3.80589 17.3999 4.8 17.3999C5.79411 17.3999 6.6 16.594 6.6 15.5999C6.6 14.6058 5.79411 13.7999 4.8 13.7999ZM9.3 3.9C8.9134 3.9 8.6 4.2134 8.6 4.6C8.6 4.9866 8.9134 5.3 9.3 5.3H16.5C16.8866 5.3 17.2 4.9866 17.2 4.6C17.2 4.2134 16.8866 3.9 16.5 3.9H9.3ZM8.6 10.1C8.6 9.7134 8.9134 9.4 9.3 9.4H16.5C16.8866 9.4 17.2 9.7134 17.2 10.1C17.2 10.4866 16.8866 10.8 16.5 10.8H9.3C8.9134 10.8 8.6 10.4866 8.6 10.1ZM9.3 14.9C8.9134 14.9 8.6 15.2134 8.6 15.6C8.6 15.9866 8.9134 16.3 9.3 16.3H16.5C16.8866 16.3 17.2 15.9866 17.2 15.6C17.2 15.2134 16.8866 14.9 16.5 14.9H9.3Z"
          fill={color}
          fillRule="evenodd"
          clipRule="evenodd"
        />
      </svg>
    );
  }
);

IconListCircleOutline.displayName = "IconListCircleOutline";

export default IconListCircleOutline;