Avatar can be either an image or a character cap. Character cap is used to show when avatar image is not available. In the following demo image, you can see both image and cap are used.

<!-- Image -->
<img src="[image]" class="avatar-img" alt="">

<!-- Character cap -->
<i class="avatar-char">K</i>
<i class="avatar-char">S</i>
<i class="avatar-char">T</i>