The QAvatar component creates a scalable, color-able element that can have text, icon or image within its shape. By default it is circular, but it can also be square or have a border-radius applied to give rounded corners to the square shape.
It is often used with other components in their slots.
Usage
The size property will determine the height and the width of the Avatar. The font-size property will set the size of the font used within the Avatar, which will have an effect on the size of letters and icons.
Accessibility v2.25+
QAvatar is a purely presentational container and claims no ARIA of its own (an icon set through the icon prop is marked as decorative). When the avatar conveys identity rather than decoration, the content you place inside must carry that meaning itself — give an <img> in the default slot its own alt, or add an aria-label where letter initials alone would not be understood.