Skip to content

Avatar

import { Avatar } from "material.slint";
export component Example inherits Window {
width: 100px;
height: 100px;
background: transparent;
Avatar {
image: @image-url("profile.jpg");
x: 10px;
y: 10px;
}
}
slint

An Avatar is a circular component that displays a user’s profile picture or image.

color default: MaterialPalette.primary

The background color of the avatar.

image default: the empty image

The image to display in the avatar.


© 2025 SixtyFPS GmbH