Avatars

  1. Utilities
  2. Avatars
Avatars
imgimgimg
Avatar Sizes

Avatars of different sizes

imgimgimgimgimgimg
Avatar With Icons

Avatar contains icons to perform respective action.

imgimgimgimgimgimg
Avatar With Online Status Indicators

avatars having online status indicator.

imgimgimgimgimgimg
Avatar With Ofline Status Indicators

avatars having a offline status indicator.

imgimgimgimgimgimg
Avatars With Number Badges

Avatar numbers indicates the no. of unread notififactions/messages.

img2img5img1img7img3img9
Avatar With Brand Logos
img
img
Avatar With Placeholder Icon
imgimgimgimg
Avatar with solid color variants
YXYXYXYXYXYXYX
Avatar with soft color variants
YXYXYXYXYXYXYX
Avatar with outline color variants
YXYXYXYXYXYXYX
Avatar with white color variants
YXYXYXYX
Avatar displaying a tooltip
img
Avatar with text
Image Description
Michael

mic@gmail.com

Avatar with border color
Image DescriptionImage DescriptionImage DescriptionImage Description
Avatar With Initials

Avatar contains intials when user profile doesn't exist.

XSSMMDLGXLXXL
Stacked Avatars

Group of avatars stacked together.

imgimgimgimgimgimg+8
Rounded Stacked Avatars

Group of avatars stacked together.

imgimgimgimgimgimg+8
Stacked avatar with sizes
imgimgimg
imgimgimg
imgimgimg
imgimgimg
Avatars grid
Image DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage DescriptionImage Description9+
Stacked avatar with tooltip
Image Description
Image Description
Image Description
Image Description
Avatars with dropdown
Image DescriptionImage DescriptionImage DescriptionImage Description