Icon​Element Icon​Element Icon​Element Class


Represents the base class for an icon UI element.

public : class IconElement : FrameworkElement, IIconElementpublic class IconElement : FrameworkElement, IIconElementPublic Class IconElement Inherits FrameworkElement Implements IIconElement
Windows 10 requirements
Device family
Windows 10 (introduced v10.0.10240.0)
API contract
Windows.Foundation.UniversalApiContract (introduced v1)

Inherited Members

Inherited properties

Inherited events

Inherited methods


IconElement derived classes

IconElement is the parent class for these classes:


Foreground Foreground Foreground

Gets or sets a brush that describes the foreground color.

public : Brush Foreground { get; set; }public Brush Foreground { get; set; }Public ReadWrite Property Foreground As Brush
<icon Foreground="{StaticResource resourceName}"/>

Brush Brush Brush

The brush that paints the foreground of the control. The default is null, (a null brush) which is evaluated as Transparent for rendering. However, this value is typically set by a default system resource at runtime, which is tied to the active theme and other settings.



This example shows an AppBarButton that uses a SymbolIcon with its Foreground set to "Green".

<AppBarButton Label="Accept">
        <SymbolIcon Symbol="Accept" Foreground="Green"/>


You can set the Foreground property on the AppBarButton or on an IconElement derived icon. If you set the Foreground on the AppBarButton, it's applied only to the default visual state. It's not applied to the other visual states defined in the AppBarButton template, like MouseOver. If you set the Foreground on the IconElement derived icon, the color is applied to all visual states.

The only valid Brush type for the Foreground value is SolidColorBrush. If you attempt to use a brush that's not declaring a solid color, the value is ignored at run time and replaced with a SolidColorBrush that is white or black, depending on the current theme.

Foreground replaces the color information from a BitmapIcon.UriSource source file. Any non-transparent pixel in the source image is replaced with the Foreground color.

See Also

ForegroundProperty ForegroundProperty ForegroundProperty

Identifies the Foreground dependency property.

public : static DependencyProperty ForegroundProperty { get; }public static DependencyProperty ForegroundProperty { get; }Public Static ReadOnly Property ForegroundProperty As DependencyProperty
DependencyProperty DependencyProperty DependencyProperty

The identifier for the Foreground dependency property.


See Also