Avatar

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

Profile Avatar

Profile Avatars can be created using the class 'avatar', inside the img tag.

avatar-face-1 avatar-face-2 avatar-face-3
Sizes Avatar

Size of the avatars can be changed by adding sm | md | lg class to the existing avatar class.

avatar-face-1 avatar-face-2 avatar-face-3
Square Avatar

Adding a class 'square' to existing class, will generate a square shaped avatar.

avatar-face-1 avatar-face-2 avatar-face-3