A Blazor wrapper library for the official Microsoft Fluent UI System Icons library.
$ dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons:star: We appreciate your star, it helps!
The Microsoft.FluentUI.AspNetCore family of packages provides a set of Blazor components and utilites which you can use to build applications that have the look and feel or modern Microsoft applications.
This package contains libraries of icons wrapping Microsoft’s official Fluent UI System Icons library.
To get started using the Fluent UI Icons in your Blazor applications, you will first need to install the official Nuget package in the project you would like to use the library and components. You can use the following command:
dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons
To use the icons, you will need to add the following using statement to your _Imports.razor file:
@using Icons = Microsoft.FluentUI.AspNetCore.Components.Icons
Then you can use the icons in your Blazor components like this:
<FluentIcon Icon="@(Icons.Regular.Size24.Save)" />
Note: Names are structured as follows:
Icons.[IconVariant].[IconSize].[IconName].
You can use your custom images by setting the Value property calling the Icon.FromImageUrl method:
<FluentIcon Value="@(Icon.FromImageUrl("/Blazor.png"))" Width="32px" />Use the Microsoft Fluent UI Blazor components documentation and demo site to search through the complete set of icons and see how they look.
Looking to get answers to questions or engage with us in real-time? Our community is active on Discord. Submit requests and issues on GitHub, or join us by contributing on some good first issues via GitHub.
We look forward to building an amazing open source community with you!