react-garden/src/views/components/avatars/AvatarsIcon.js

React + TypeScript + ThreeJS app using Material UI on NextJS, Apollo Client, GraphQL + WordPress REST APIs, for ThreeD web development.. a part of the threed.ai code family.

// ** MUI Imports
import Box from '@mui/material/Box'
import Avatar from '@mui/material/Avatar'

// ** Icons Imports
import Cached from 'mdi-material-ui/Cached'
import FolderOutline from 'mdi-material-ui/FolderOutline'
import CheckboxMarkedCircleOutline from 'mdi-material-ui/CheckboxMarkedCircleOutline'

// ** Custom Components Imports
import CustomAvatar from '~/@core/components/mui/avatar'

const AvatarsIcon = () => {
  return (
    <Box className='demo-space-x' sx={{ display: 'flex' }}>
      <Avatar>
        <FolderOutline />
      </Avatar>
      <CustomAvatar color='success'>
        <Cached />
      </CustomAvatar>
      <CustomAvatar skin='light' color='info'>
        <CheckboxMarkedCircleOutline />
      </CustomAvatar>
    </Box>
  )
}

export default AvatarsIcon