Avatar

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

Usage

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.


API

v-avatar

Examples

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.