Avatars

Choose from a collection of avatars, representing users or entities in a visually appealing and personalized manner.

Avatar Group Tooltips

Set of overlapped avatars showcasing shared content or group collaboration with tooltips.
+2
Cindy BakerTravis HowardRemy Sharp

Groups

Cluster of avatars representing groups or teams.
Trevor Henderson
Agnes Walker
Cindy Baker
Travis Howard
Remy Sharp
+2
Cindy Baker
Travis Howard
Remy Sharp
Cindy Baker
JD
Remy Sharp

Icon

Avatar with icons for generic user representation or specific roles.

Image

Standard avatar displaying user profile pictures.
...
...
...
...
...

Initials

Avatar showcasing user initials, ideal for when an image is unavailable.
AC
JF
JF
BE
UW

State Error

Large avatar element indicating an error state.
HS
A
HS
A
HS
A

State Info

Large avatar element representing informational state.
HS
A
HS
A
HS
A

State Light

Large avatar element for light-themed state representation.
HS
A
HS
A

State Primary

Large avatar element for primary state visualization.
HS
A
HS
A
HS
A

State Secondary

Large avatar element depicting a secondary state.
HS
A
HS
A
HS
A

State Success

Large avatar element symbolizing a success state.
HS
A
HS
A
HS
A

State Warning

Large avatar element for warning state indication.
HS
A
HS
A
HS
A

Variants

Variety of avatars with different shapes, sizes, and appearances.
HS
A

With Badge

Avatar adorned with badges to indicate statuses or notifications.
A
...
A
53
...
12

With Text

Avatar combined with textual information, enhancing user context.
BW
Benjamin Wallace
View details
53
Home Appliances
...
Jessica Martinez
Lead Software Engineer
CM
12
Clara Martinez
Marketing Specialist
...
8
Alex Thompson
Senior Digital Marketing Specialist
Phone Verification
Active