Avatar

An avatar is usually a user's profile picture in a round shape used at dashboard, navigation page, etc.

Examples

Avatars are available in seven different sizes. They are avatar__2xs, avatar__xs, avatar__sm, avatar__md , avatar__lg, avatar__xl, avatar__2xl. To use an avatar specify the url of the image and then use the relevant avatar size class. (eg. class="avatar avatar__md" );

avatar
avatar
avatar
avatar
avatar
avatar
avatar

Avatar also comes with a group

A group of avatars can be used to specify a group of people with a number after a certain threshold of avatars are reached.

avatar
avatar
avatar
avatar
+10