Skip to content

davidxuang/FluentIcons

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

FluentIcons

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

Packages

Package Platform
FluentIcons.Common meta package
FluentIcons.Uno meta package
FluentIcons.Avalonia Avalonia 11
FluentIcons.Avalonia.Fluent FluentAvalonia 2 (Avalonia 11)
FluentIcons.Maui MAUI 8
FluentIcons.Uwp UWP 10.0.10773
Uno.UI 5.4
FluentIcons.WinUI Windows App SDK 1.2
Uno.WinUI 5.4
FluentIcons.Wpf .NET Framework 4.6.2
.NET 6

Legacy

Ref Package Platform
avalonia-v0.10 FluentIcons.Avalonia Avalonia 0.10
avalonia-v0.10 FluentIcons.Avalonia.Fluent FluentAvalonia 1.3 (Avalonia 0.10)
uno-v5.0 FluentIcons.Uwp Uno.UI 5.0
uno-v5.0 FluentIcons.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" IconVariant="Filled" />
</Window>

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

  • Symbol : Symbol
    • Breaking change since 1.1.229: LTR/RTL specific values are removed, use FlowDirection instead.
  • IconVariant : IconVariant
    • Breaking change: IsFilled has been deprecated since 1.1.247 and removed since 1.1.262.
  • UseSegoeMetrics : bool
  • FlowDirection : FlowDirection
    • Switch between LTR/RTL icon variant.
  • FontSize : double
    • Breaking change since 1.1.225: no longer inherit value from parent element to match WinUI behaviours.
  • Foreground : Brush
<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).