DISPLAY

Avatar

Avatars identify people and entities with an image, initials, or a portable icon.

Portrait of Maya Chen

IMAGES

Profiles with clear fallbacks

Use a packaged asset or an HTTPS image. Android loads both through its cached native image pipeline; when loading fails, Dowe falls back to initials resolved from name and then alt.

Portrait of Nora Kim
Portrait of Leo Martin
Portrait of Amara Okafor
dowe
Avatar src:"assets/people/maya.webp" name:"Maya Chen" alt:"Portrait of Maya Chen" size:"xl" status:"online" bordered:true

FALLBACKS

Initials stay recognizable

Without src, Avatar renders initials from name. Variant and scheme keep the fallback aligned with the design system.

A
G
L
M
A

CONTENT PRIORITY

Image, icon, then initials

A valid src has priority over the icon region. Without either, Dowe derives initials from name and alt.

dowe
Avatar name:"Dowe Agent" alt:"Dowe Agent" variant:"soft" scheme:"info" size:"lg"
  icon
    Svg viewBox:"0 0 24 24" w:6 h:6
      Path d:"M12 2a5 5 0 0 0-5 5v3H5v12h14V10h-2V7a5 5 0 0 0-5-5Z" fill:"currentColor"

API

Props

Avatar also accepts navigation, visibility, sizing, spacing, grid placement, and applicable common style props.

Prop
Type
Default

No data

There are no records to display