MudBlazor.FontIcons.MaterialSymbols 1.2.0

Prefix Reserved
dotnet add package MudBlazor.FontIcons.MaterialSymbols --version 1.2.0                
NuGet\Install-Package MudBlazor.FontIcons.MaterialSymbols -Version 1.2.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="MudBlazor.FontIcons.MaterialSymbols" Version="1.2.0" />                
For projects that support PackageReference, copy this XML node into the project file to reference the package.
paket add MudBlazor.FontIcons.MaterialSymbols --version 1.2.0                
#r "nuget: MudBlazor.FontIcons.MaterialSymbols, 1.2.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 MudBlazor.FontIcons.MaterialSymbols as a Cake Addin
#addin nuget:?package=MudBlazor.FontIcons.MaterialSymbols&version=1.2.0

// Install MudBlazor.FontIcons.MaterialSymbols as a Cake Tool
#tool nuget:?package=MudBlazor.FontIcons.MaterialSymbols&version=1.2.0                

MudBlazor Material Symbols

NuGet version NuGet downloads

Supported MudBlazor Versions

MudBlazor.FontIcons.MaterialSymbols 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.MaterialSymbols/css/font.min.css" rel="stylesheet" />

Alternatively, you can use the following CDN links:

<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Sharp" 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.MaterialSymbols.Outlined.Database"></MudIcon>

This will render an icon representing a database, using the Material Symbols 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 MaterialSymbols = MudBlazor.FontIcons.MaterialSymbols

This allows you to access the icons like this:

<MudIcon Icon="@MaterialSymbols.Outlined.Database"></MudIcon>

NB! Please note that aliases do not work in normal Razor pages (https://github.com/dotnet/razor/issues/7670)!

Product 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. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.

NuGet packages (2)

Showing the top 2 NuGet packages that depend on MudBlazor.FontIcons.MaterialSymbols:

Package Downloads
AonBlzrDevOps

Package Description

AMS-Utl

Package Description

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
1.2.0 5,329 5/29/2024
1.1.0 110 5/29/2024
1.0.2 140 5/27/2024
1.0.1 115 5/27/2024
1.0.0 125 5/27/2024