![]() |
VOOZH | about |
dotnet add package MudBlazor.FontIcons.MaterialIcons --version 1.4.0
NuGet\Install-Package MudBlazor.FontIcons.MaterialIcons -Version 1.4.0
<PackageReference Include="MudBlazor.FontIcons.MaterialIcons" Version="1.4.0" />
<PackageVersion Include="MudBlazor.FontIcons.MaterialIcons" Version="1.4.0" />Directory.Packages.props
<PackageReference Include="MudBlazor.FontIcons.MaterialIcons" />Project file
paket add MudBlazor.FontIcons.MaterialIcons --version 1.4.0
#r "nuget: MudBlazor.FontIcons.MaterialIcons, 1.4.0"
#:package MudBlazor.FontIcons.MaterialIcons@1.4.0
#addin nuget:?package=MudBlazor.FontIcons.MaterialIcons&version=1.4.0Install as a Cake Addin
#tool nuget:?package=MudBlazor.FontIcons.MaterialIcons&version=1.4.0Install as a Cake Tool
👁 NuGet version
👁 NuGet downloads
| MudBlazor.FontIcons.MaterialIcons | MudBlazor | .NET |
|---|---|---|
| 1.0.0 ⇒ | 7.0.0-preview.4 ⇒ | .NET 7 & NET 8 |
To use the icons in your MudBlazor project, you can add the following CSS link to your HTML or Razor layout:
<link href="_content/MudBlazor.FontIcons.MaterialIcons/css/font.min.css" rel="stylesheet" />
Alternatively, you can use the following CDN links:
<link href="https://fonts.googleapis.com/css2?family=Material+Icons" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Outlined" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Round" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Sharp" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Material+Icons+Two+Tone" rel="stylesheet">
To use an icon in your MudBlazor component, you can use the <MudIcon> component and specify the icon using the Icon parameter. For example:
<MudIcon Icon="@MudBlazor.FontIcons.MaterialIcons.Outlined.Chat"></MudIcon>
This will render an icon representing a chat, using the Material Icons Outlined style.
If you prefer not to use the full qualifier every time, you can create an alias in _Imports.razor by adding the following line:
@using MaterialIcons = MudBlazor.FontIcons.MaterialIcons
This allows you to access the icons like this:
<MudIcon Icon="@MaterialIcons.Outlined.Chat"></MudIcon>
NB! Please note that aliases do not work in normal Razor pages (https://github.com/dotnet/razor/issues/7670)!
| Product | Versions Compatible and additional computed target framework versions. |
|---|---|
| .NET | net8.0 net8.0 is compatible. net8.0-android net8.0-android was computed. net8.0-browser net8.0-browser was computed. net8.0-ios net8.0-ios was computed. net8.0-maccatalyst net8.0-maccatalyst was computed. net8.0-macos net8.0-macos was computed. net8.0-tvos net8.0-tvos was computed. net8.0-windows net8.0-windows was computed. net9.0 net9.0 is compatible. net9.0-android net9.0-android was computed. net9.0-browser net9.0-browser was computed. net9.0-ios net9.0-ios was computed. net9.0-maccatalyst net9.0-maccatalyst was computed. net9.0-macos net9.0-macos was computed. net9.0-tvos net9.0-tvos was computed. net9.0-windows net9.0-windows was computed. net10.0 net10.0 is compatible. net10.0-android net10.0-android was computed. net10.0-browser net10.0-browser was computed. net10.0-ios net10.0-ios was computed. net10.0-maccatalyst net10.0-maccatalyst was computed. net10.0-macos net10.0-macos was computed. net10.0-tvos net10.0-tvos was computed. net10.0-windows net10.0-windows was computed. |
Showing the top 3 NuGet packages that depend on MudBlazor.FontIcons.MaterialIcons:
| Package | Downloads |
|---|---|
|
AMS-Utl
Package Description |
|
|
AonBlzrDevOps
Package Description |
|
|
Arkanis.Overlay.Domain
Contains the core domain models and business logic for the Arkanis Overlay. |
This package is not used by any popular GitHub repositories.