<span class="avatar bradius" style="background-image: url(./../assets/images/faces/male/1.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/male/2.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/1.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/2.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/male/3.jpg)"></span>

<span class="avatar avatar-sm" style="background-image: url(./../assets/images/faces/male/4.jpg)"></span>
<span class="avatar bradius" style="background-image: url(./../assets/images/faces/female/3.jpg)"></span>
<span class="avatar avatar-md bradius" style="background-image: url(../assets/images/faces/male/6.jpg)"></span>
<span class="avatar avatar-lg bradius" style="background-image: url(../assets/images/faces/male/6.jpg)"></span>
<span class="avatar avatar-xl bradius" style="background-image: url(../assets/images/faces/female/4.jpg)"></span>
<span class="avatar avatar-xxl bradius" style="background-image: url(../assets/images/faces/male/7.jpg)"></span>

<span class="avatar" style="background-image: url(../assets/images/faces/male/8.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/5.jpg)">
<span class="avatar-status"></span>
</span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/male/9.jpg)">
<span class="avatar-status bg-red"></span>
</span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/6.jpg)">
<span class="avatar-status bg-green"></span>
</span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/7.jpg)">
<span class="avatar-status bg-yellow"></span>
</span>

<div class="avatar-list avatar-list-stacked bradius">
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/10.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/8.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/9.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/female/10.jpg)"></span>
<span class="avatar bradius" style="background-image: url(../assets/images/faces/male/11.jpg)"></span>
<span class="avatar bradius">+8</span>
</div>