import React from "react";

const StatusIcon = ({
  fillColor = "#B09700",
  ...props
}: React.SVGProps<SVGSVGElement> & { fillColor?: string }) => {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <g id="vuesax/bold/status">
        <g id="status">
          <path
            id="Vector"
            d="M8.99889 14.2197H3.91889C3.30889 14.2197 2.74889 14.5297 2.42889 15.0497C2.10889 15.5597 2.07889 16.1697 2.33889 16.7097C3.56889 19.2297 5.78889 21.2097 8.42889 22.1397C8.60889 22.1997 8.80889 22.2397 8.99889 22.2397C9.34889 22.2397 9.69889 22.1297 9.99889 21.9197C10.4689 21.5897 10.7489 21.0497 10.7489 20.4797L10.7589 15.9797C10.7589 15.5097 10.5789 15.0697 10.2489 14.7397C9.90889 14.4097 9.46889 14.2197 8.99889 14.2197Z"
            fill={fillColor}
          />
          <path
            id="Vector_2"
            d="M22.4819 9.6C21.3619 4.68 17.0519 1.25 12.0019 1.25C6.95188 1.25 2.64188 4.68 1.52188 9.6C1.40188 10.12 1.52188 10.65 1.86188 11.07C2.20188 11.49 2.70188 11.73 3.24188 11.73H20.7719C21.3119 11.73 21.8119 11.49 22.1519 11.07C22.4819 10.65 22.6019 10.11 22.4819 9.6Z"
            fill={fillColor}
          />
          <path
            id="Vector_3"
            d="M20.06 14.2698L15 14.2598C14.53 14.2598 14.09 14.4398 13.76 14.7698C13.43 15.0998 13.25 15.5398 13.25 16.0098L13.26 20.4898C13.26 21.0598 13.54 21.5998 14.01 21.9298C14.31 22.1398 14.66 22.2498 15.01 22.2498C15.2 22.2498 15.39 22.2198 15.57 22.1498C18.19 21.2298 20.41 19.2598 21.64 16.7698C21.9 16.2398 21.87 15.6198 21.56 15.1198C21.23 14.5798 20.67 14.2698 20.06 14.2698Z"
            fill={fillColor}
          />
        </g>
      </g>
    </svg>
  );
};

export default StatusIcon;