UserAvatar

User Avatar using JavaScript and CSS

Integrate UserAvatar

Import UserAvatar Javascript and place it in body of your HTML file

<script src="https://cdn.rawgit.com/4akhilkumar/UserAvatar/master/index.js"></script>

To display the UserAvatar write the below code

<div class="avatar" data-label="<Username>"></div>

Output

Reference

Easily Generate User Avatars for Your Website with CSS