Avatar
Avatar Different Sizes
avatar avatar-150
avatar avatar-140
avatar avatar-130
avatar avatar-120
avatar avatar-110
avatar avatar-100
avatar avatar-90
avatar avatar-80
avatar avatar-70
avatar avatar-60
avatar avatar-50
avatar avatar-40
avatar avatar-30
avatar avatar-20
avatar avatar-10
<div class="avatar avatar-150 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-140 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-130 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-120 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-110 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-100 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-90 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-80 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-70 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-60 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-50 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-40 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-30 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-20 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>
<div class="avatar avatar-10 coverimg rounded-circle me-2 mb-3">
<img class="w-auto" src="https://i.pravatar.cc/300" />
</div>Avatar Different Sizes
AJ
rounded-circle
AD
rounded
AJ
rounded-circle
AD
rounded
AJ
rounded-circle
AD
rounded