import React, { ComponentType } from 'react'

import { CustomIconProps } from '@monorail/visualComponents/icon/Icon'

export const AccountGroup: ComponentType<CustomIconProps> = props => (
  <svg
    width="16"
    height="11"
    viewBox="0 0 16 11"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <path d="M8 0.666748C8.61884 0.666748 9.21233 0.912581 9.64992 1.35017C10.0875 1.78775 10.3333 2.38124 10.3333 3.00008C10.3333 3.61892 10.0875 4.21241 9.64992 4.65C9.21233 5.08758 8.61884 5.33341 8 5.33341C7.38116 5.33341 6.78767 5.08758 6.35008 4.65C5.9125 4.21241 5.66667 3.61892 5.66667 3.00008C5.66667 2.38124 5.9125 1.78775 6.35008 1.35017C6.78767 0.912581 7.38116 0.666748 8 0.666748ZM3.33333 2.33341C3.70667 2.33341 4.05333 2.43341 4.35333 2.61341C4.25333 3.56675 4.53333 4.51341 5.10667 5.25341C4.77333 5.89341 4.10667 6.33341 3.33333 6.33341C2.8029 6.33341 2.29419 6.1227 1.91912 5.74763C1.54405 5.37256 1.33333 4.86385 1.33333 4.33341C1.33333 3.80298 1.54405 3.29427 1.91912 2.9192C2.29419 2.54413 2.8029 2.33341 3.33333 2.33341ZM12.6667 2.33341C13.1971 2.33341 13.7058 2.54413 14.0809 2.9192C14.456 3.29427 14.6667 3.80298 14.6667 4.33341C14.6667 4.86385 14.456 5.37256 14.0809 5.74763C13.7058 6.1227 13.1971 6.33341 12.6667 6.33341C11.8933 6.33341 11.2267 5.89341 10.8933 5.25341C11.4667 4.51341 11.7467 3.56675 11.6467 2.61341C11.9467 2.43341 12.2933 2.33341 12.6667 2.33341ZM3.66667 9.16675C3.66667 7.78675 5.60667 6.66675 8 6.66675C10.3933 6.66675 12.3333 7.78675 12.3333 9.16675V10.3334H3.66667V9.16675ZM0 10.3334V9.33341C0 8.40675 1.26 7.62675 2.96667 7.40008C2.57333 7.85341 2.33333 8.48008 2.33333 9.16675V10.3334H0ZM16 10.3334H13.6667V9.16675C13.6667 8.48008 13.4267 7.85341 13.0333 7.40008C14.74 7.62675 16 8.40675 16 9.33341V10.3334Z" />
  </svg>
)
