import React from 'react';

const UserGroup = ({ fill = '#C1C8CD', width = '25', className = '', viewBox = '0 0 25 25' }) => (
  <svg
    width={width}
    height={width}
    viewBox={viewBox}
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className={className}
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M12.5 11.7891C14.1569 11.7891 15.5 10.4459 15.5 8.78906C15.5 7.13221 14.1569 5.78906 12.5 5.78906C10.8431 5.78906 9.5 7.13221 9.5 8.78906C9.5 10.4459 10.8431 11.7891 12.5 11.7891ZM12.5 19.7891C15.8137 19.7891 18.5 18.4459 18.5 16.7891C18.5 15.1322 15.8137 13.7891 12.5 13.7891C9.18629 13.7891 6.5 15.1322 6.5 16.7891C6.5 18.4459 9.18629 19.7891 12.5 19.7891ZM6.88165 13.8081C4.41199 13.9604 2.5 15.0131 2.5 16.2892C2.5 17.3411 3.79949 18.2414 5.63963 18.6104C5.22843 18.0536 5 17.4374 5 16.7892C5 15.6458 5.71076 14.6019 6.88165 13.8081ZM20.0001 16.7892C20.0001 17.4374 19.7716 18.0536 19.3604 18.6104C21.2006 18.2414 22.5001 17.3411 22.5001 16.2892C22.5001 15.0131 20.5881 13.9604 18.1184 13.8081C19.2893 14.6019 20.0001 15.6458 20.0001 16.7892ZM16.2183 11.3245C16.7115 10.6025 17 9.72945 17 8.78906C17 8.477 16.9682 8.17237 16.9077 7.8782C17.0949 7.82026 17.2938 7.78906 17.5 7.78906C18.6045 7.78906 19.5 8.68449 19.5 9.78906C19.5 10.8936 18.6045 11.7891 17.5 11.7891C17.0123 11.7891 16.5653 11.6145 16.2183 11.3245ZM7.5 7.78906C7.70619 7.78906 7.90509 7.82026 8.09223 7.8782C8.03176 8.17237 8 8.477 8 8.78906C8 9.72945 8.28845 10.6025 8.78171 11.3245C8.43462 11.6145 7.9877 11.7891 7.5 11.7891C6.39543 11.7891 5.5 10.8936 5.5 9.78906C5.5 8.68449 6.39543 7.78906 7.5 7.78906Z"
      fill={fill}
    />
  </svg>
);

export default UserGroup;
