Microsoft.FluentUI.AspNetCore.Components.Icons
4.9.2
Prefix Reserved
See the version list below for details.
dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons --version 4.9.2
NuGet\Install-Package Microsoft.FluentUI.AspNetCore.Components.Icons -Version 4.9.2
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Icons" Version="4.9.2" />
paket add Microsoft.FluentUI.AspNetCore.Components.Icons --version 4.9.2
#r "nuget: Microsoft.FluentUI.AspNetCore.Components.Icons, 4.9.2"
// Install Microsoft.FluentUI.AspNetCore.Components.Icons as a Cake Addin #addin nuget:?package=Microsoft.FluentUI.AspNetCore.Components.Icons&version=4.9.2 // Install Microsoft.FluentUI.AspNetCore.Components.Icons as a Cake Tool #tool nuget:?package=Microsoft.FluentUI.AspNetCore.Components.Icons&version=4.9.2
Microsoft Fluent UI Icons for Blazor
⭐ We appreciate your star, it helps!
Introduction
The Microsoft.FluentUI.AspNetCore.Component package provides a set of Blazor components which you can use to build applications that have the look and feel or modern Microsoft applications.
This library is a set of icons wrapping Microsoft�s official Fluent UI Icon library.
Getting Started
To get started using the Fluent UI Icons for Blazor, 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
Usage
To use the icons, you will need to add the following using statement to your _Imports.razor
file:
@using Microsoft.FluentUI.AspNetCore.Components
Then you can use the icons in your Blazor components like this:
Note: Names are structured as follows:
Icons.[IconVariant].[IconSize].[IconName]
.
<FluentIcon Icon="@(Icons.Regular.Size24.Save)" />
You can use your custom images by setting the Value
property calling the Icon.FromImageUrl
method:
<FluentIcon Value="@(Icon.FromImageUrl("/Blazor.png"))" Width="32px" />
List of icons and additional resources
The Microsoft Fluent UI Blazor components documentation and demo site
Joining the Community
Looking to get answers to questions or engage with us in real-time? Our community is active on Gitter and 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!
Contact
Product | Versions Compatible and additional computed target framework versions. |
---|---|
.NET | net8.0 is compatible. net8.0-android was computed. net8.0-browser was computed. net8.0-ios was computed. net8.0-maccatalyst was computed. net8.0-macos was computed. net8.0-tvos was computed. net8.0-windows was computed. |
-
net8.0
- Microsoft.FluentUI.AspNetCore.Components (>= 4.9.0)
NuGet packages (26)
Showing the top 5 NuGet packages that depend on Microsoft.FluentUI.AspNetCore.Components.Icons:
Package | Downloads |
---|---|
Aspire.Dashboard
Dashboard browser interface for .NET Aspire. |
|
BlazorGenerator
You think of the models, Blazorgen the Blazor UI. This is a view creator based on fields in models. You only need to define which type of page this model will become! |
|
Hexalith.Infrastructure.ClientApp
Hexalith is a set of libraries to build a micro-service architecture. |
|
Hexalith.UI.Components
Hexalith is a set of libraries to build a micro-service architecture. |
|
AC.Utility.FluentUI
Package Description |
GitHub repositories (3)
Showing the top 3 popular GitHub repositories that depend on Microsoft.FluentUI.AspNetCore.Components.Icons:
Repository | Stars |
---|---|
microsoft/fluentui-blazor
Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
|
|
dotnet/aspire
Tools, templates, and packages to accelerate building observable, production-ready apps
|
|
BSData/phalanx
Project Phalanx is a roster editor handling BattleScribe datafiles
|
Version | Downloads | Last updated |
---|---|---|
4.10.3 | 7,859 | 10/28/2024 |
4.10.2 | 16,871 | 10/9/2024 |
4.10.1 | 11,902 | 9/26/2024 |
4.10.0 | 23,751 | 9/6/2024 |
4.9.3 | 47,606 | 7/23/2024 |
4.9.2 | 12,323 | 7/19/2024 |
4.9.1 | 10,197 | 7/10/2024 |
4.9.0 | 7,426 | 7/4/2024 |
4.8.0 | 17,838 | 6/17/2024 |
4.7.2 | 48,613 | 5/3/2024 |
4.7.0 | 9,987 | 4/23/2024 |
4.6.1 | 10,464 | 4/10/2024 |
4.6.0 | 10,354 | 3/28/2024 |
4.5.0 | 25,541 | 3/7/2024 |
4.4.0 | 29,669 | 2/2/2024 |
4.3.1 | 16,586 | 1/12/2024 |
4.3.0 | 3,966 | 1/8/2024 |
4.2.1 | 8,738 | 12/20/2023 |
4.2.0 | 5,135 | 12/13/2023 |
4.1.0 | 32,399 | 11/28/2023 |
4.0.0 | 5,940 | 11/14/2023 |
4.0.0-rc.3 | 288 | 11/10/2023 |
4.0.0-rc.2 | 150 | 11/6/2023 |
4.0.0-rc.1 | 347 | 11/2/2023 |
4.0.0-preview.2 | 30,837 | 10/26/2023 |
4.0.0-preview.1 | 133 | 10/23/2023 |