Simple avatar

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

Avatars list

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

Avatar status

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

Avatar size

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