<Avatar
  size="md"
  src="https://picsum.photos/100/100"
  srcSet="https://picsum.photos/100/100 1x, https://picsum.photos/200/200 2x"
  lazyLoad
  initials="TK"
/>

TK

<Avatar
  size="sm"
  src="https://picsum.photos/70/70"
  srcSet="https://picsum.photos/70/70 1x, https://picsum.photos/140/140 2x"
  lazyLoad
  initials="TK"
/>

TK

<Avatar
  size="xs"
  src="https://picsum.photos/45/45"
  srcSet="https://picsum.photos/45/45 1x, https://picsum.photos/90/90 2x"
  lazyLoad
  initials="TK"
/>

TK

<Avatar
  size="xxs"
  src="https://picsum.photos/30/30"
  srcSet="https://picsum.photos/30/30 1x, https://picsum.photos/60/60 2x"
  lazyLoad
  initials="TK"
/>

Without an image

TK

<Avatar initials="TK" />

On this page

Sizes

Without an image