import * as React from "react";
import { SVGProps } from "react";
import PropTypes from "prop-types";

function SvgUserGroup(props: SVGProps<SVGSVGElement>) {
  return (
    <svg
      width={36}
      height={38}
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M27.677 13.23c-.185 2.463-2.09 4.36-4.165 4.36-2.077 0-3.984-1.896-4.166-4.36-.189-2.562 1.665-4.36 4.166-4.36 2.5 0 4.354 1.845 4.165 4.36Z"
        stroke="#fff"
        strokeWidth={2.5}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M23.51 21.465c-4.112 0-8.067 1.96-9.057 5.777-.132.505.198 1.004.74 1.004h16.636c.54 0 .869-.5.74-1.004-.991-3.878-4.946-5.777-9.059-5.777Z"
        stroke="#fff"
        strokeWidth={2.5}
        strokeMiterlimit={10}
      />
      <path
        d="M13.085 14.318c-.148 1.967-1.687 3.517-3.346 3.517s-3.2-1.549-3.346-3.517c-.15-2.047 1.347-3.51 3.346-3.51s3.497 1.501 3.346 3.51Z"
        stroke="#fff"
        strokeWidth={2.5}
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M13.462 21.585c-1.139-.5-2.393-.693-3.723-.693-3.282 0-6.444 1.565-7.236 4.614-.104.403.16.802.592.802h7.085"
        stroke="#fff"
        strokeWidth={2.5}
        strokeMiterlimit={10}
        strokeLinecap="round"
      />
    </svg>
  );
}

SvgUserGroup.propTypes = {
  title: PropTypes.string,
};
export default SvgUserGroup;
