1. Elements
  2. Avatar-Rounded
Upgrade Account

Simple Round avatar

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

RoundAvatars list

+8 
<div class="avatar-list avatar-list-stacked">
		<span class="avatar brround cover-image" style="background-image: url(../assets/images/users/female/2.jpg)"></span>
		<span class="avatar brround cover-image" style="background-image: url(../assets/images/users/female/1.jpg)"></span>
		<span class="avatar brround cover-image" style="background-image: url(../assets/images/users/female/9.jpg)"></span>
		<span class="avatar brround cover-image" style="background-image: url(../assets/images/users/female/2.jpg)"></span>
		<span class="avatar brround cover-image" style="background-image: url(../assets/images/users/male/4.jpg)"></span>
		<span class="avatar brround cover-image">+8</span>
		</div>

RoundAvatar size

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

RoundAvatar status

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