Avatar
An Avatar component is used to visually represent a user, profile, or entity, typically through an image, initials, or icon. It is commonly used in interfaces to indicate identity.
Avatars are versatile visual representations that provide instant visual identification for users, teams, or entities within digital interfaces. They serve as a quick and intuitive way to personalize and humanize digital experiences across various applications and platforms.
Image Avatars
Image avatars provide the most personalized representation by displaying actual profile pictures, organizational logos, or specific user imagery.
Initials Avatar
When a profile image is unavailable, initials provide a professional and clean alternative for user identification.
Icon Avatar
Icon avatars offer a universal visual representation when specific imagery isn't available or appropriate.
Flexible Sizing
Avatars can be dynamically sized to fit various design requirements and interface contexts.
Variants
If you need square or rounded avatars, use the variant prop.
