<div class="avatar-lg avatar-text rounded-full text-xl d-flex justify-center align-center">
     <span>VF</span>
 </div>
 <div class="avatar-md avatar-text rounded-full text-lg d-flex justify-center align-center">
     <span>VF</span>
 </div>
 <div class="avatar-sm avatar-text rounded-full text-md d-flex justify-center align-center">
     <span>VF</span>
 </div>
 <div class="avatar-xs avatar-text rounded-full text-sm d-flex justify-center align-center">
     <span>VF</span>
 </div>