Avatar

Avatars are used to show a user's profile picture on a website.

Image Avatar

Avatars with image are available in 5 different sizes - extra small (xs), small (sm), medium (md), large (lg) and extra large (xl). To use the avatar in your site, add the base class avatar and add any one of the following classes for the different sizes - avatar-xs, avatar-sm, avatar-md, avatar-lg, and avatar-xl.

Extra Large Avatar Large Avatar Medium Avatar Small Avatar Extra Small Avatar

You can paste the below code to get the avatars! Don't forget to include an image.

Text Avatar

Avatars without image can be displayed with initials by adding the class avatar-txt.

B
B
B
B
B

You can paste the below code to use the text avatars.