Tailwind CSS Avatars

Use these Tailwind CSS avatar components to display user profile pictures and company logos individually or grouped in stacks. These components are designed and built by the Tailwind CSS team, and include a variety of different styles.

Avatar group stacked bottom to top

Circular avatars

Get the code

Rounded avatars

Get the code

Circular avatars with top notification

Get the code

Rounded avatars with top notification

Get the code

Circular avatars with bottom notification

Get the code

Rounded avatars with bottom notification

Get the code

Circular avatars with placeholder icon

Get the code

Circular avatars with placeholder initials

Get the code

Avatar group stacked top to bottom

Get the code

With text

Get the code