Home

Awesome

FluentIcons

A multi-framework control library of fluentui-system-icons.

Packages

PackagePlatform
FluentIcons.Commonmeta package
FluentIcons.Unometa package
FluentIcons.Avalonia Avalonia 11
FluentIcons.Avalonia.Fluent FluentAvalonia 2 (Avalonia 11)
FluentIcons.Maui MAUI 8
FluentIcons.Uwp UWP 10.0.10773 <br/> Uno.UI 5.4
FluentIcons.WinUI Windows App SDK 1.2 <br/> Uno.WinUI 5.4
FluentIcons.WPF .NET Framework 4.6.2 <br/> .NET 6

Legacy

RefPackagePlatform
avalonia-v0.10FluentIcons.Avalonia Avalonia 0.10
avalonia-v0.10FluentIcons.Avalonia.Fluent FluentAvalonia 1.3 (Avalonia 0.10)
uno-v5.0FluentIcons.Uwp Uno.UI 5.0
uno-v5.0FluentIcons.WinUI Uno.WinUI 5.0

Usage

<Window xmlns:ic="using:FluentIcons.WinUI">
<!-- or FluentIcons.Avalonia / FluentIcons.Avalonia.Fluent / FluentIcons.Maui / FluentIcons.WPF -->
    <ic:SymbolIcon Symbol="ArrowLeft" IsFilled="True" />
</Window>

This package features <SymbolIcon> element, and <SymbolIconSource> on platforms with <IconSource>, which generally provide following properties:

<Window xmlns:ic="using:FluentIcons.WinUI">
    <Expander Header="{ic:SymbolIcon Symbol=ArrowLeft}" />
</Window>

SymbolIconExtension and SymbolIconSourceExtension have been added since 1.1.242. These extensions will bind their FlowDirection to that of the parent control, except SymbolIconSourceExtension on (non-Uno) UWP where IXamlServiceProvider is not available.

Avalonia

To enable UseSegoeMetrics globally, call UseSegoeMetric(this AppBuilder builder). Markup extension classes are in a child namespace to stop style selectors from throwing for their naming conventions.

MAUI

⚠️ The extension method UseFluentIcons(this MauiAppBuilder builder, bool useSegoeMetrics) must be called to register fonts properly. ⚠️

<SymbolImageSource> and SymbolImageSourceExtension are provided on MAUI as stand-ins.

UWP / WinUI

To enable UseSegoeMetrics globally, call UseSegoeMetric(this Application app) or UseSegoeMetric(this IHostBuilder builder) (WinUI-only).

WPF

To enable UseSegoeMetrics globally, call UseSegoeMetric(this Application app).