The v-avatar component is used to control the size and border radius of responsive images, typically used to show profile pictures.

Go to api


The avatar has a dynamic size that can be scaled for any situation. A tile variation is available for displaying an avatar without border radius.

Combining an avatar with other components allows you to build beautiful user interfaces right out of the box.

An avatar also accepts the v-icon component or text. Mix and match functionality to create something unique.