Svelte

Svelte Avatar

Initials avatar

JW
<Avatar name="John Walker" />

Image avatar

<Avatar
  src="https://avatars0.githubusercontent.com/u/6810985?s=460&u=a2a24f33ad8d17377cef8163f596a7fbd1501cd4&v=4" />

Custom initials

zZz
<Avatar initials="zZz" />

Initials as fallback

JW
<Avatar name="John Walker" src="https://no.image.exist" />

Custom Size

JW
<Avatar name="John Walker" size="8rem" />

Custom color

JW
<Avatar
  name="John Walker"
  bgColor="aquamarine"
  textColor="rgba(22, 55, 33, 0.7)" />

Custom radius

JW
<Avatar name="John Walker" borderRadius="10px" />

Square

JW
<Avatar square name="John Walker" />

Random Background Color

JW
<Avatar randomBgColor name="John Walker" />