All entities use a circular avatar.

Sizes

<Avatar size="md" src="https://picsum.photos/110/110/?random" />
<Avatar size="sm" src="https://picsum.photos/110/110/?random" />
<Avatar size="xs" src="https://picsum.photos/110/110/?random" />
<Avatar size="xxs" src="https://picsum.photos/110/110/?random" />

With lazy loading

<Avatar lazy size="md" src="https://picsum.photos/110/110/?random" />

Rendering a fallback

<Avatar
  size="md"
  renderFallback={({ diameter }) => (
    <Box bgColor="brand" width={diameter} height={diameter} />
  )}
  src="https://www.artsy.net/does-not-exist"
/>
On this page
Sizes
With lazy loading
Rendering a fallback