npm install --save modern-react-avatar

import { Avatar } from 'modern-react-avatar'
import 'modern-react-avatar/dist/index.css'

<Avatar name="Fathy" />

<Avatar name="Fathy" shape="square" />
<Avatar name="Fathy" randomColor="true" />
<Avatar name="Fathy" size="large" />
<Avatar icon="true" size="large" alt="alt text" />
<Avatar src="https://via.placeholder.com/150" alt="alt text" />