Wrap your content with .avatar and wrap your text in .avatar-content to create a avatar. Use inline attributes to set height and width of an image in an avatar.
Use .avatar-(sm | md | lg | xl) to modify size of your avatar.
Use .bg-(colorName) to change background color of your avatar.
Use .bg-light-(colorName) to change background color of your avatar.
You can add notification label to avatar by using .badge
Use i.avatar-icon for an icon inside an avatar.
Use .avatar-status-(online | offline | away | busy) and wrap it in .avatar-content to create avatar with status.