Avatar

Avatars are used to represent a person or object to give them a visual identity. It gives user and objects a digital identity.

Images Avatar

Images avator can be created using class .avatar on img. Also, add alt for images.

Source expand_more

Initials Avatar

When you don't have an image to use then, you can also add your initials using a class called .avatar--initial.

Sizes Avatar

Avatars can be sized using classes .avatar--small, .avatar--medium and .avatar--large. Along with .avatar class use these classes to get desired shape.

Source expand_more

Shapes Avatar

Give your avatars custom shapes using classes .avatar--square, .avatar--roundedand .avatar--circle.

Source expand_more