Avatar Sizing 


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

Shape Rounded 


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

Shape Rounded Circle 


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

Image Initials 


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

Status Indicator 


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

Image Groups 


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