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


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.



Advanced usage

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

Icon and text

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