const MultiplePeopleIcon = ({ className }: { className?: string }) => {
  return (
    <svg
      width="26"
      height="20"
      viewBox="0 0 26 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={className}
    >
      <circle
        cx="17.7109"
        cy="5.14059"
        r="3.64449"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M24.9998 18.5058C24.9998 17.5486 24.8113 16.6008 24.445 15.7164C24.0787 14.8321 23.5418 14.0285 22.865 13.3517C22.1881 12.6748 21.3846 12.1379 20.5002 11.7716C19.6159 11.4053 18.6681 11.2168 17.7109 11.2168C16.7537 11.2168 15.8058 11.4053 14.9215 11.7716C14.0371 12.1379 13.2336 12.6748 12.5568 13.3517C11.8799 14.0285 11.343 14.8321 10.9767 15.7164C10.6104 16.6008 10.4219 17.5486 10.4219 18.5058"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <circle
        cx="6.61829"
        cy="6.77454"
        r="2.63783"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M9.25384 12.5501C8.5296 12.2501 7.75336 12.0957 6.96944 12.0957C6.18552 12.0957 5.40928 12.2501 4.68503 12.5501C3.96079 12.8501 3.30272 13.2898 2.74841 13.8441C2.19409 14.3984 1.75439 15.0565 1.4544 15.7807C1.1544 16.505 1 17.2812 1 18.0651"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
};

export { MultiplePeopleIcon };