0% Complete

Avatars

Avatars help customise various elements of a user interface and make the product experience more personalised. They are often used in communication apps, collaboration tools and social media.

#

Default markup

Use the Avatar component to add an avatar to your interface design for greater customisation.

DE
#

Avatar Colors

Customize the color of the avatars.

PR SE SU WA DA IN LI DA BL AZ IN PU PI RE OR YE LI GR TE CY
#

Avatar Shapes

You can make them round or square and change their border radius.

pi ro ti
#

Avatar Size

you can create a standard avatar or scale it up or down to different sizes based on what you need.

XS SM EP MD LG XL
#

Avatar Image and Icon

Set an image as the background to make users easy to indentify and create a personalised experience.

#

Avatar Status

5
#

Avatar List

#

Avatar List Stacked