آواتارها

<!-- XXL Avatar -->
<div class="avatar avatar-xxl">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- اندازه آواتار در ابعاد تلویزیون -->
<div class="avatar avatar-xl">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- اندازه آواتار خیلی بزرگ -->
<div class="avatar avatar-lg">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- اندازه آواتار پیشفرض -->
<div class="avatar">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- اندازه آواتار کوچک -->
<div class="avatar avatar-sm">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- اندازه آواتار خیلی کوچک -->
<div class="avatar avatar-xs">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- وضعیت آفلاین -->
<div class="avatar avatar-offline avatar-xxl mr-1">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- وضعیت بیکار -->
<div class="avatar avatar-idle avatar-xl mr-1">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- وضعیت آنلاین -->
<div class="avatar avatar-online avatar-lg mr-1">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>

<!-- وضعیت مشغول -->
<div class="avatar avatar-busy mr-1">
    <img class="avatar-img img-fluid" src="path/to/image">
</div>