import React, { ComponentType } from 'react'

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

export const NoFaceSupportPerson: ComponentType<CustomIconProps> = props => (
  <svg
    width="24"
    height="24"
    viewBox="0 0 24 24"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <ellipse cx="12" cy="10.5788" rx="7" ry="6.63158" />
    <path d="M21.9999 11.9232C21.9999 10.1953 20.8719 8.72991 19.3015 8.19037C18.292 5.18003 15.4049 3 12.0087 3C8.61501 3 5.73054 5.17663 4.71863 8.18352C3.1377 8.71689 2 10.1884 2 11.9232C2 14.1084 3.80212 15.8794 6.02379 15.8794V8.65898C6.83839 6.1725 9.21276 4.36873 12.0087 4.36873C14.7851 4.36873 17.1455 6.14836 17.977 8.60817V15.3884C17.6908 15.9822 16.0046 19.2704 13.7759 19.374C13.6029 18.9114 13.1544 18.58 12.6242 18.58C11.9448 18.58 11.3935 19.1211 11.3935 19.79C11.3935 20.458 11.9448 21 12.6242 21C13.1588 21 13.6091 20.6634 13.7794 20.1956C16.4355 20.1016 18.2798 16.6674 18.6969 15.813C20.5745 15.479 22 13.866 22 11.9234L21.9999 11.9232Z" />
  </svg>
)
