Avatar Sizing


<div class="iq-avatars d-flex flex-wrap align-items-center">   
   <div class="iq-avatar">
      <img class="avatar-100 rounded" src="http://design.csa-internal.co.uk/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="http://design.csa-internal.co.uk/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="http://design.csa-internal.co.uk/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="http://design.csa-internal.co.uk/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="http://design.csa-internal.co.uk/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="http://design.csa-internal.co.uk/images/user/5.jpg" alt="">
         </a>
         <a href="#" class="iq-media">
            <img class="img-fluid avatar-60 rounded" src="http://design.csa-internal.co.uk/images/user/6.jpg" alt="">
         </a>
         <a href="#" class="iq-media">
            <img class="img-fluid avatar-60 rounded" src="http://design.csa-internal.co.uk/images/user/7.jpg" alt="">
         </a>
      </div>
   </div>
</div>