Avatar Sizing

<div class="iq-avatars d-flex flex-wrap align-items-center"><div class="iq-avatar"><img class="avatar-100 rounded"src="assets/images/user/1.jpg"alt="#"data-original-title=""title=""></div></div>
#
#
#
#
#
#
#
#

Shape Rounded

<div class="iq-avatars d-flex flex-wrap align-items-center"><div class="iq-avatar"><img class="avatar-80 rounded"src="assets/images/user/1.jpg"alt="#"data-original-title=""title=""></div></div>
#
#
#
#
#
#

Shape Rounded Circle

<div class="iq-avatars d-flex flex-wrap align-items-center"><div class="iq-avatar"><img class="avatar-80 rounded-small"src="assets/images/user/1.jpg"alt="#"data-original-title=""title=""></div></div>
#
#
#
#
#
#

Image Initials

<div class="iq-avatars d-flex flex-wrap align-items-center"><div class="iq-avatar"><img class="avatar-100 rounded"src="assets/images/user/1.jpg"alt="#"data-original-title=""title=""></div></div>
#
#
#
#
#
#
#
#

Status Indicator

<div class="iq-avatars d-flex flex-wrap align-items-center"><div class="iq-avatar"><img class="avatar-80 rounded"src="assets/images/user/1.jpg"alt="#"data-original-title=""title=""><span class="bg-success iq-dots dots-100"></span></div></div>
#
#
#
#
#
#

Image Groups

<div class="iq-avatars d-flex flex-wrap align-items-center"><div class="iq-avatar"><div class="iq-media-group"><a href="#"class="iq-media"><img class="img-fluid avatar-60 rounded"src="assets/images/user/05.jpg"alt=""></a><a href="#"class="iq-media"><img class="img-fluid avatar-60 rounded"src="assets/images/user/06.jpg"alt=""></a><a href="#"class="iq-media"><img class="img-fluid avatar-60 rounded"src="assets/images/user/01.jpg"alt=""></a></div></div></div>