Avatar

An image element that represents a user, either with a profile picture or initials.

anthony

Avatar Fallback

A

Avatar Sizes

anthony
anthony
anthony
anthony
anthony
anthony

Avatar Fallback Sizes

A
A
A
A
A
A

AvatarGroup

avatar
avatar
avatar
+3

Avatar Structure

<!-- Avatar -->
<div
  class="relative flex h-6 w-6 shrink-0 items-center justify-center overflow-hidden rounded-full bg-muted text-xs"></div>
 
<!-- Avatar Image -->
<img src="..." alt="..." class="h-full w-full object-cover" />
 
<!-- Avatar Fallback -->
<span>A</span>

On this page