MudBlazor.FontIcons.MaterialIcons
1.2.0
Prefix Reserved
dotnet add package MudBlazor.FontIcons.MaterialIcons --version 1.2.0
NuGet\Install-Package MudBlazor.FontIcons.MaterialIcons -Version 1.2.0
<PackageReference Include="MudBlazor.FontIcons.MaterialIcons" Version="1.2.0" />
paket add MudBlazor.FontIcons.MaterialIcons --version 1.2.0
#r "nuget: MudBlazor.FontIcons.MaterialIcons, 1.2.0"
// Install MudBlazor.FontIcons.MaterialIcons as a Cake Addin #addin nuget:?package=MudBlazor.FontIcons.MaterialIcons&version=1.2.0 // Install MudBlazor.FontIcons.MaterialIcons as a Cake Tool #tool nuget:?package=MudBlazor.FontIcons.MaterialIcons&version=1.2.0
MudBlazor Material Icons
Supported MudBlazor Versions
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">
Example Usage
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.
Using Aliases
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 | net7.0 is compatible. net7.0-android was computed. net7.0-ios was computed. net7.0-maccatalyst was computed. net7.0-macos was computed. net7.0-tvos was computed. net7.0-windows was computed. 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. |
-
net7.0
- Microsoft.AspNetCore.Components.Web (>= 7.0.0)
-
net8.0
- Microsoft.AspNetCore.Components.Web (>= 7.0.0)
NuGet packages (2)
Showing the top 2 NuGet packages that depend on MudBlazor.FontIcons.MaterialIcons:
Package | Downloads |
---|---|
AonBlzrDevOps
Package Description |
|
AMS-Utl
Package Description |
GitHub repositories
This package is not used by any popular GitHub repositories.