Avatar

Avatars displays user image or initials as profile picture. Avatars can be used for 'container' objects — projects, spaces, repositories, etc. — to give them a recognisable visual identity.

Here we offer the following range of avatars - Circle Avatars,Square Avatars, and Text Avatars in 5 different sizes - extra small, small, medium, large, and extra large Avatar.

Circle shaped Avatar

To use Circle shaped Avatars,You need to include class avatar and for size add class according to size avatar-xl, avatar-lg, avatar-md, avatar-sm, avatar-xs, for e.g. class="avatar avatar-lg", as shown below.

Square shaped Avatar

To use Square shaped Avatars,You need to include class avatar and for size add class according to size avatar-xl, avatar-lg, avatar-md, avatar-sm, avatar-xs, for e.g. class="avatar avatar-lg", as shown below.

Text Avatar

To generate a Text based Avatar, use the base class avatar-text with class for the size of avatar, for e.g. class="avatar avatar-xl avatar-text", as is shown in the code examples