Skip to content

davidxuang/FluentIcons

Repository files navigation

FluentIcons

A multi-framework wrapper of fluentui-system-icons.

Packages

Package Platform
FluentIcons.Common
FluentIcons.Avalonia Avalonia 11
FluentIcons.Avalonia.Fluent FluentAvalonia 2 (Avalonia 11)
FluentIcons.Maui MAUI 8
FluentIcons.Uwp UWP 10.0.10773
Uno.UI 5
FluentIcons.WinUI Windows App SDK 1.2
Uno.WinUI 5
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)

Usage

<Window xmlns:ic="using:FluentIcons.Avalonia">
<!-- or FluentIcons.Avalonia.Fluent / FluentIcons.Maui / FluentIcons.WinUI / 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:

  • Symbol : Symbol
    • Breaking change since 1.1.229: LTR/RTL specific values are removed, use FlowDirection instead.
  • IsFilled : bool
  • UseSegoeMetrics: bool
  • FlowDirection : FlowDirection
    • New feature since 1.1.229: 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

Avalonia / WPF

To enable UseSegoeMetrics globally, call UseSegoeMetric(this AppBuilder builder) on Avalonia and UseSegoeMetric(this Application app) on WPF.

MAUI

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

SymbolImageSource is provided on MAUI.

UWP / WinUI

⚠️ You must reference this package directly so that fonts can be included in the build output properly. ⚠️

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