Avatar
Avatar can be used to show user's profile picture on profile information page, on navigation bar, in blogs grid items.
Profile Avatar
Four types of Avatar are shown below having different sizes.
To use these avatar just use class name avatar and also add class according to avatar size, like avatar-sm for small one. (e.g.class="avatar avatar-sm"). You can copy html part from below code snippet too.
Text Avatar
Four types text Avatar are shown below having different sizes.
To use these avatar just use class name avatar-text and also add class according to avatar size, like avatar-sm for small one. (e.g.class="avatar-xsm avatar-text"). You can copy html part from below code snippet too.
Group Avatar
Four types of Group Avatar are shown below having different sizes.
To use these avatar just use class name avatar-gp in a container You can copy html part from below code snippet too.