Avatar

Avatar with different size

Cool Profile Cool Profile Cool Profile Cool Profile Cool Profile 
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-xsm" />
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-sm" />
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-md" />
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-lg" />
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg"/>

Square Avatar

Cool Profile Cool Profile Cool Profile Cool Profile Cool Profile 
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-xsm avatar-square" />
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-sm avatar-square" />
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-md avatar-square" />
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-lg avatar-square" />
<img src="https://bestprofilepictures.com/wp-content/uploads/2021/04/Cool-Profile-Picture.jpg" alt="Cool Profile"
    class="avatar avatar-xl avatar-square" />

Text Avatar

AB

SS

SD

<h1 class="avatar avatar-sm avatar-square bg-primary avatar-text">AB</h1>
<h1 class="avatar avatar-md bg-primary avatar-text">SS</h1>
<h1 class="avatar avatar-lg  avatar-square bg-tertiary avatar-text">SD</h1>