Avatars can be used to represent people or objects. They come in different sizes and can be used in various scenarios.

<span class="avatar avatar-lg bg-blue mr-3">WS</span>
<span class="avatar avatar-lg bg-twitter mr-3"><i class="fab fa-twitter"></i></span>
<span class="avatar avatar-lg bg-red mr-3"><i class="fas fa-heart"></i></span>
<span class="avatar avatar-lg mr-3">A</span>
<img src="../assets/images/prv/thumb-1.jpg" class="avatar avatar-lg mr-3">
Additional Class Reference

You can see all the background options in the dedicated page which can be found here.

Apply to .avatar to increase its size to large
Apply to .avatar to decrease its size to small
Apply to .avatar to change the background color