import { FC } from 'react'

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

const ProfileNoCircleIcon: FC<SvgIconProps> = ({ sx, ...props }) => (
  <SvgIcon sx={{ fontSize: 24, color: 'grey.800', ...sx }} {...props}>
    <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M12 11.1998C13.1 11.1998 14.2 10.7998 15 9.9998C16.7 8.2998 16.7 5.5998 15 3.9998C14.2 3.1998 13.1 2.7998 12 2.7998C10.9 2.7998 9.79995 3.1998 8.99995 3.9998C7.29995 5.6998 7.29995 8.3998 8.99995 9.9998C9.79995 10.7998 10.9 11.1998 12 11.1998ZM10.1 5.0998C10.6 4.5998 11.3 4.2998 12 4.2998C12.7 4.2998 13.4 4.5998 13.9 5.0998C15 6.1998 15 7.8998 13.9 8.9998C12.9 9.9998 11.1 9.9998 9.99995 8.9998C8.99995 7.8998 8.99995 6.0998 10.1 5.0998Z"
        fill="currentColor"
      />
      <path
        d="M12 12.7998C7.69995 12.7998 3.19995 14.8998 3.19995 18.4998V19.4998C3.19995 20.4998 3.99995 21.2998 4.99995 21.2998H19C20 21.2998 20.7999 20.4998 20.7999 19.4998V18.4998C20.7999 14.8998 16.3 12.7998 12 12.7998ZM19.2 19.4998C19.2 19.5998 19.1 19.6998 19 19.6998H4.99995C4.89995 19.6998 4.79995 19.5998 4.79995 19.4998V18.4998C4.79995 15.8998 8.59995 14.2998 12 14.2998C15.5 14.2998 19.2 15.8998 19.2 18.4998V19.4998Z"
        fill="currentColor"
      />
    </svg>
  </SvgIcon>
)

export default ProfileNoCircleIcon
