Avatar Sizing


<div class="iq-avatars d-flex flex-wrap align-items-center">
   <div class="iq-avatar">
      <img class="avatar-100 rounded" src="https://templates.iqonic.design/posdash/laravel/public/images/user/1.png" 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="https://templates.iqonic.design/posdash/laravel/public/images/user/1.png" 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="https://templates.iqonic.design/posdash/laravel/public/images/user/1.png" 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="https://templates.iqonic.design/posdash/laravel/public/images/user/i1.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="https://templates.iqonic.design/posdash/laravel/public/images/user/i1.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="https://templates.iqonic.design/posdash/laravel/public/images/user/05.jpg" alt="">
         </a>
         <a href="#" class="iq-media">
            <img class="img-fluid avatar-60 rounded" src="https://templates.iqonic.design/posdash/laravel/public/images/user/06.jpg" alt="">
         </a>
         <a href="#" class="iq-media">
            <img class="img-fluid avatar-60 rounded" src="https://templates.iqonic.design/posdash/laravel/public/images/user/07.jpg" alt="">
         </a>
      </div>
   </div>
</div>