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' on the outer div, and an img tag inside it with a class 'avatar-img'. To have an inset avatar, remove the normal-shadow and use the class 'avatar-inset' on the outer div. To have a combo avatar, you need 2 divs, the outer div will have the additional class 'avatar-inset' while the inner div will have the additional class 'avatar-inside' and put a class 'avatar-img-inner' in the img.
Avatar Sizing
Size of the avatars can be changed by adding sm | md | lg class to the existing avatar class in the outer div.
Square Avatar
Adding a class 'square' to the outer div where avatar class is defined, will generate a square shaped avatar.