Avatars

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

WS A
<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.

.avatar-lg
Apply to .avatar to increase its size to large
.avatar-sm
Apply to .avatar to decrease its size to small
.bg-{color}
Apply to .avatar to change the background color