Avatar

Avatars are user profile pictures, usually found in circular shapes. Avatars can be used for 'container' objects — projects, spaces, repositories, etc. — to give them a recognisable visual identity.

Size variants avatar

You can use image in Avatar. You need to include class avatar and for size add class according to size avatar-lg, avatar-md, avatar-sm, avatar-xs (e.g. class="avatar avatar-lg") as shown below.

Same size avatar

To use same size of avatars, you need to include class avatar, inside the img tag.

Avatar with status

To show the status of avatar, you need to include class avatar for avatar in img tag and class status for status in saprate add class according to status status-online, status-busy, status-dnd, status-idle (e.g. class="status status-online") inside the img tag.