import React from "react";
import SvgIcon from "./base";

function Users({ className = "" }) {
  return (
    <SvgIcon viewBox="0 0 512 512" className={className}>
      <g fill="#c2e3f7">
        <path d="M475.02 384.3v13.2H301v-13.2c0-39.58-17.42-75.08-45-99.27 23.23-20.38 53.679-32.74 87.009-32.74 72.911 0 132.011 59.1 132.011 132.01z" />
        <path d="M256 285.03c27.58 24.189 45 59.689 45 99.27v13.2h-90H36.98v-13.2c0-36.46 14.78-69.46 38.66-93.35 23.89-23.891 56.9-38.66 93.35-38.66 33.33 0 63.78 12.36 87.01 32.74z" />
        <circle cx="343.01" cy="182.98" r="68.48" />
      </g>
      <circle cx="168.99" cy="182.98" r="68.48" fill="#fff" />
      <g fill="#0b93e2">
        <path d="M168.99 261.46c-43.274 0-78.48-35.206-78.48-78.48s35.206-78.48 78.48-78.48 78.48 35.206 78.48 78.48-35.206 78.48-78.48 78.48zm0-136.96c-32.246 0-58.48 26.234-58.48 58.48s26.234 58.48 58.48 58.48 58.48-26.234 58.48-58.48-26.234-58.48-58.48-58.48zm306.03 283H301c-5.522 0-10-4.478-10-10s4.478-10 10-10h164.02v-3.2c0-67.276-54.733-122.01-122.01-122.01a121.88 121.88 0 0 0-80.415 30.258 10 10 0 0 1-14.112-.923c-3.643-4.151-3.229-10.47.922-14.112 25.891-22.713 59.134-35.223 93.604-35.223 78.305 0 142.01 63.705 142.01 142.01v13.2a10 10 0 0 1-9.999 10z" />
        <path d="M301 407.5H36.98c-5.523 0-10-4.478-10-10v-13.2c0-37.928 14.77-73.591 41.588-100.419 26.819-26.82 62.483-41.591 100.422-41.591 34.471 0 67.714 12.509 93.604 35.223C293.356 304.493 311 343.416 311 384.3v13.2c0 5.522-4.478 10-10 10zm-254.02-20H291v-3.2c0-35.126-15.16-68.567-41.594-91.751-22.242-19.513-50.8-30.259-80.416-30.259-32.597 0-63.238 12.689-86.279 35.731C59.67 321.071 46.98 351.713 46.98 384.3v3.2zm296.03-126.04c-43.273 0-78.479-35.206-78.479-78.48s35.206-78.48 78.479-78.48 78.48 35.206 78.48 78.48-35.206 78.48-78.48 78.48zm0-136.96c-32.246 0-58.479 26.234-58.479 58.48s26.233 58.48 58.479 58.48 58.48-26.234 58.48-58.48-26.234-58.48-58.48-58.48z" />
      </g>
    </SvgIcon>
  );
}

export default Users;
