Avatars

Avatars are used to add a human touch and instant clarity when understanding which user did what in the application.

Rounder Avatars

The class names and syntax for the rounded avatar are as follows :

    
<img class="avatar rounded-avatar small-avatar">...</button>
 

Square Avatars

The class names and syntax for the rounded avatar are as follows :

    
<img class="avatar square-avatar small-avatar">...</button>
 

Medium Size Avatars

The class names and syntax for the medium size avatars are as follows :

    
<img class="avatar square-avatar medium-avatar">...</button>
 

Avatars with notifications

The class names and syntax for the rounded avatar are as follows :

    
<img class="avatar square-avatar small-avatar">...</button>