Alerts
Circular Avatars
Rounded Avatars
Circular avatars with top status
Circular avatars with all kinds of status indicators.
Circular avatars with bottom status
Circular avatars with all kinds of status indicators.
Rounded avatars with bottom status
Rounded avatars with all kinds of status indicators.
Avatar Example
Avatar examples with brand logos.
Avatar Example
Circular avatars with placeholder initials
Placeholder initials
Circular avatars with placeholder initials
Solid color variants
Predefined solid color avatar styles.
Soft color variants
Predefined solid color avatar styles.
Displaying a tooltip
A tooltip can be used with an avatar to be displayed on focus or hover.