Avatars
  1. home Dashboard
  2. UI Elements
  3. Avatars
Image Size Rounded-Circle
admin-image admin-image admin-image admin-image admin-image 

<img src="assets/images/admin.png" alt="admin-image" class="rounded-full w-[130px] h-[130px]">
<img src="assets/images/admin.png" alt="admin-image" class="rounded-full w-[110px] h-[110px]">
<img src="assets/images/admin.png" alt="admin-image" class="rounded-full w-[90px] h-[90px]">
<img src="assets/images/admin.png" alt="admin-image" class="rounded-full w-[70px] h-[70px]">
<img src="assets/images/admin.png" alt="admin-image" class="rounded-full w-[50px] h-[50px]">
Image Size Square-Circle
admin-image admin-image admin-image admin-image admin-image 

<img src="assets/images/blue-man.jpg" alt="admin-image" class="rounded-md w-[130px] h-[130px]">
<img src="assets/images/blue-man.jpg" alt="admin-image" class="rounded-md w-[110px] h-[110px]">
<img src="assets/images/blue-man.jpg" alt="admin-image" class="rounded-md w-[90px] h-[90px]">
<img src="assets/images/blue-man.jpg" alt="admin-image" class="rounded-md w-[70px] h-[70px]">
<img src="assets/images/blue-man.jpg" alt="admin-image" class="rounded-md w-[50px] h-[50px]">
Avatar Size Rounded-Circle
Ab
Ab
Ab
Ab
Ab 

<div class="bg-[#f5f7f8] dark:bg-[#15203c] text-[25px] h-[130px] w-[130px] flex items-center justify-center text-primary-500 rounded-full text-center font-bold">
    Ab
</div>
<div class="bg-[#f5f7f8] dark:bg-[#15203c] text-[20px] h-[110px] w-[110px] flex items-center justify-center text-primary-500 rounded-full text-center font-bold">
    Ab
</div>
<div class="bg-[#f5f7f8] dark:bg-[#15203c] text-[18px] h-[90px] w-[90px] flex items-center justify-center text-primary-500 rounded-full text-center font-bold">
    Ab
</div>
<div class="bg-[#f5f7f8] dark:bg-[#15203c] text-[16px] h-[70px] w-[70px] flex items-center justify-center text-primary-500 rounded-full text-center font-bold">
    Ab
</div>
<div class="bg-[#f5f7f8] dark:bg-[#15203c] h-[45px] w-[45px] flex items-center justify-center text-primary-500 rounded-full text-center font-bold">
    Ab
</div>
Avatar Size Square-Circle
Ab
Ab
Ab
Ab
Ab 

<div class="bg-[#f5f7f8] dark:bg-[#15203c] text-[25px] h-[130px] w-[130px] flex items-center justify-center text-primary-500 rounded-md text-center font-bold">
    Ab
</div>
<div class="bg-[#f5f7f8] dark:bg-[#15203c] text-[20px] h-[110px] w-[110px] flex items-center justify-center text-primary-500 rounded-md text-center font-bold">
    Ab
</div>
<div class="bg-[#f5f7f8] dark:bg-[#15203c] text-[18px] h-[90px] w-[90px] flex items-center justify-center text-primary-500 rounded-md text-center font-bold">
    Ab
</div>
<div class="bg-[#f5f7f8] dark:bg-[#15203c] text-[16px] h-[70px] w-[70px] flex items-center justify-center text-primary-500 rounded-md text-center font-bold">
    Ab
</div>
<div class="bg-[#f5f7f8] dark:bg-[#15203c] h-[45px] w-[45px] flex items-center justify-center text-primary-500 rounded-md text-center font-bold">
    Ab
</div>