Svelte 5 Avatar – User Identity Display

Circular avatar component for displaying user photos or initials. Clean industrial styling.

Svelte UI libraryweb design system

Preview

Component preview

Use Case

A simple but polished avatar component for displaying user identity. Falls back to initials when no image is provided.

Props API

Avatar component props
PropTypeDefaultDescription
src string—Image source URL
alt string—Alt text for accessibility
initials string—Fallback initials when no image
class string—Additional CSS classes

Related Components

TagPanel

See it in Action

Explore the Avatar in an interactive dashboard environment.

Customize in Showroom