Icon QML Type

An icon display component. More...

Import Statement: import FluentUI.Controls 1.0

List of all members, including inherited members

Properties

color : color
family : string
height : int
source : var
width : int

Detailed Description

Icon renders a single icon from a configurable icon family. It supports setting the icon source by name or resource path, and allows customization of the icon color and size.

Usage Example

 import QtQuick
 import FluentUI.Controls

 Icon {
     source: "settings"
     width: 24
     height: 24
     color: Theme.primaryColor
 }

Property Documentation

color : color

The color used to render the icon. Supports solid colors and allows the icon to adapt to theme changes when using Theme color tokens.

family : string

The icon font family to use when rendering named icons. Defaults to the FluentIcons font family if not specified.

height : int

The height of the icon in pixels. The icon is scaled to fit within the specified dimensions.

source : var

The icon source. This can be a string identifier for a named icon from the FluentIcons font family, or a URL pointing to an image resource.

width : int

The width of the icon in pixels. The icon is scaled to fit within the specified dimensions.

Contents