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.
Applies specified color to the control - it can be the name of material color (for example
purple) or css color (
rgba(255, 0, 0, 0.5))
Sets the height and width of the element
Removes border radius
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.