# Boomerang UI Kit

## 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