import { FC } from 'react'

import { SvgIcon, SvgIconProps } from '@mui/material'

const AvatarDeletedUserIcon: FC<SvgIconProps> = ({ sx, ...props }) => (
  <SvgIcon sx={{ fontSize: 40, color: 'action.active', ...sx }} {...props}>
    <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M0 20C0 8.95431 8.95431 0 20 0C31.0457 0 40 8.95431 40 20C40 31.0457 31.0457 40 20 40C8.95431 40 0 31.0457 0 20Z"
        fill="#DFE3E8"
      />
      <path
        d="M19.9992 19.1998C21.0992 19.1998 22.1992 18.7998 22.9992 17.9998C24.6992 16.2998 24.6992 13.5998 22.9992 11.9998C22.1992 11.1998 21.0992 10.7998 19.9992 10.7998C18.8992 10.7998 17.7992 11.1998 16.9992 11.9998C15.2992 13.6998 15.2992 16.3998 16.9992 17.9998C17.7992 18.7998 18.8992 19.1998 19.9992 19.1998ZM18.0992 13.0998C18.5992 12.5998 19.2992 12.2998 19.9992 12.2998C20.6992 12.2998 21.3992 12.5998 21.8992 13.0998C22.9992 14.1998 22.9992 15.8998 21.8992 16.9998C20.8992 17.9998 19.0992 17.9998 17.9992 16.9998C16.9992 15.8998 16.9992 14.0998 18.0992 13.0998Z"
        fill="#637381"
      />
      <path
        d="M19.9992 20.7998C15.6992 20.7998 11.1992 22.8998 11.1992 26.4998V27.4998C11.1992 28.4998 11.9992 29.2998 12.9992 29.2998H26.9992C27.9992 29.2998 28.7992 28.4998 28.7992 27.4998V26.4998C28.7992 22.8998 24.2992 20.7998 19.9992 20.7998ZM27.1992 27.4998C27.1992 27.5998 27.0992 27.6998 26.9992 27.6998H12.9992C12.8992 27.6998 12.7992 27.5998 12.7992 27.4998V26.4998C12.7992 23.8998 16.5992 22.2998 19.9992 22.2998C23.4992 22.2998 27.1992 23.8998 27.1992 26.4998V27.4998Z"
        fill="#637381"
      />
    </svg>
  </SvgIcon>
)

export default AvatarDeletedUserIcon
