Avatar

Small images that can be used as a user avatar.

Example

Add .img-avatar to an image.

Avatar image
<img src="..." class="img-avatar" alt="Avatar image">

Circle avatar

Add .rounded-circle to make a circular avatar image.

Avatar image
<img src="..." class="img-avatar rounded-circle" alt="Avatar image">

Sizes

Add .img-avatar-lg to make an avatar more bigger. You can add the style directly.

Avatar image Avatar image
<img src="assets/img/avatar.jpg" class="img-avatar img-avatar-lg" alt="Avatar image">
<img src="assets/img/avatar.jpg" class="img-avatar" alt="Avatar image" style="width: 70px; height: 70px;">
Loading...