Skip to main content

Avatar

The Avatar component is typically used to display circular user profile pictures. This component will allow you to dynamically size and add a border radius of responsive images, icons, and text. A tile variation is available for displaying an avatar without border radius.

info

For more details about Vuetify’s usage of Avatar component, click Avatar page.
For more prop explanations, click Vuetify Avatar API page.

Props

AttributeDescriptionTypeDefault
iconDesignates a specific icon used in the Avatar.stringmdi-account
classProp that determines the class to add to the Avatarundefined
sizeSize of Avatar componentstringundefined
visibleVisibility of Avatar componentbooleantrue

image

Samples Qjson

Profile_Card
Avatarlar