Round-Avatars

  1. Bootstrap
  2. Round-Avatars

Simple Round avatar

<span class="avatar  rounded-circle" style="background-image: url(./https://laravelui.spruko.com/solic/build/assets/images/users/male/12.jpg)"></span>
		<span class="avatar  rounded-circle" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/male/13.jpg)"></span>
		<span class="avatar  rounded-circle" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/11.jpg)"></span>
		<span class="avatar  rounded-circle" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/12.jpg)"></span>
		<span class="avatar  rounded-circle" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/male/14.jpg)"></span>

RoundAvatars list

+8 
<div class="avatar-list avatar-list-stacked">
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/12.jpg)"></span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/21.jpg)"></span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/29.jpg)"></span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/2.jpg)"></span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/male/34.jpg)"></span>
		<span class="avatar rounded-circle cover-image">+8</span>
		</div>

RoundAvatar size

<span class="avatar avatar-sm rounded-circle" style="background-image: url(./https://laravelui.spruko.com/solic/build/assets/images/users/male/15.jpg)"></span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(./https://laravelui.spruko.com/solic/build/assets/images/users/female/13.jpg)"></span>
		<span class="avatar avatar-md rounded-circle" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/male/16.jpg)"></span>
		<span class="avatar avatar-lg rounded-circle" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/male/17.jpg)"></span>
		<span class="avatar avatar-xl rounded-circle" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/14.jpg)"></span>
		<span class="avatar avatar-xxl rounded-circle" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/male/18.jpg)"></span>

RoundAvatar status

<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/male/19.jpg)"></span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/15.jpg)">
		<span class="avatar-status"></span>
		</span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/male/20.jpg)">
		<span class="avatar-status bg-red"></span>
		</span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/16.jpg)">
		<span class="avatar-status bg-green"></span>
		</span>
		<span class="avatar rounded-circle cover-image" style="background-image: url(https://laravelui.spruko.com/solic/build/assets/images/users/female/17.jpg)">
		<span class="avatar-status bg-yellow"></span>
		</span>