Microsoft.FluentUI.AspNetCore.Components.Icons 4.11.0

Prefix Reserved
dotnet add package Microsoft.FluentUI.AspNetCore.Components.Icons --version 4.11.0                
NuGet\Install-Package Microsoft.FluentUI.AspNetCore.Components.Icons -Version 4.11.0                
This command is intended to be used within the Package Manager Console in Visual Studio, as it uses the NuGet module's version of Install-Package.
<PackageReference Include="Microsoft.FluentUI.AspNetCore.Components.Icons" Version="4.11.0" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add Microsoft.FluentUI.AspNetCore.Components.Icons --version 4.11.0                
#r "nuget: Microsoft.FluentUI.AspNetCore.Components.Icons, 4.11.0"                
#r directive can be used in F# Interactive and Polyglot Notebooks. Copy this into the interactive tool or source code of the script to reference the package.
// Install Microsoft.FluentUI.AspNetCore.Components.Icons as a Cake Addin
#addin nuget:?package=Microsoft.FluentUI.AspNetCore.Components.Icons&version=4.11.0

// Install Microsoft.FluentUI.AspNetCore.Components.Icons as a Cake Tool
#tool nuget:?package=Microsoft.FluentUI.AspNetCore.Components.Icons&version=4.11.0                

Microsoft Fluent UI Icons for Blazor

License: MIT .NET C#

⭐ We appreciate your star, it helps!

Introduction

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.

Getting Started

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

Usage

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" />

List of icons and additional resources

Use the Microsoft Fluent UI Blazor components documentation and demo site to search through the complete set of icons and see how they look.

Joining the Community

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!

Contact

  • Join the community and chat with us in real-time on Discord.
  • Submit requests and issues on GitHub.
  • Contribute by helping out on some of our recommended first issues on GitHub.
Product 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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (29)

Showing the top 5 NuGet packages that depend on Microsoft.FluentUI.AspNetCore.Components.Icons:

Package Downloads
Aspire.Dashboard

Dashboard browser interface for .NET Aspire.

Hexalith.Infrastructure.ClientApp

Hexalith is a set of libraries to build a micro-service architecture.

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.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
dotnet/aspire
Tools, templates, and packages to accelerate building observable, production-ready apps
microsoft/fluentui-blazor
Microsoft Fluent UI Blazor components library. For use with ASP.NET Core Blazor applications
BSData/phalanx
Project Phalanx is a roster editor handling BattleScribe datafiles
Version Downloads Last updated
4.11.0 1,216 12/19/2024
4.11.0-beta.1 3,758 12/5/2024
4.10.4 33,175 11/13/2024
4.10.3 20,493 10/28/2024
4.10.2 24,656 10/9/2024
4.10.1 13,693 9/26/2024
4.10.0 27,584 9/6/2024
4.9.3 53,579 7/23/2024
4.9.2 13,271 7/19/2024
4.9.1 11,012 7/10/2024
4.9.0 8,244 7/4/2024
4.8.0 18,464 6/17/2024
4.7.2 52,448 5/3/2024
4.7.0 10,889 4/23/2024
4.6.1 10,690 4/10/2024
4.6.0 10,611 3/28/2024
4.5.0 26,760 3/7/2024
4.4.0 30,304 2/2/2024
4.3.1 17,609 1/12/2024
4.3.0 4,022 1/8/2024
4.2.1 8,846 12/20/2023
4.2.0 5,373 12/13/2023
4.1.0 32,594 11/28/2023
4.0.0 6,270 11/14/2023
4.0.0-rc.3 297 11/10/2023
4.0.0-rc.2 157 11/6/2023
4.0.0-rc.1 355 11/2/2023
4.0.0-preview.2 31,014 10/26/2023
4.0.0-preview.1 140 10/23/2023