Note: Please use the main MaterialDesign repo to report issues. This repository is only for the creation and deployment of the package.

MaterialDesignIcons for MudBlazor

This package provides all icons as path data (svg) from Material Design Icons. The icons are divided into Normal and Outline variants.

Installation

Just install the NuGet package.

dotnet add package Bromix.MudBlazor.MaterialDesignIcons

Add the following using statement in _Imports.razor.

@using Bromix.MudBlazor.MaterialDesignIcons

If your're using a GlobalUsings.cs, you can also add:

using Bromix.MudBlazor.MaterialDesignIcons;

Usage

<MudIcon Icon="@MaterialDesignIcons.Normal.Egg" Color="Color.Default" />
<MudIcon Icon="@MaterialDesignIcons.Outline.Egg" Color="Color.Default" />

How does the package creation work?

Using npm and the @mdi/svg module, the latest icons are downloaded as SVG. The meta.json is read in so that we have the names of the SVG files and the authors. The authors are mentioned for each icon in the comments (documentation). For each icon variant we create a separate partial class (e.g. MaterialDesignIcons.Normal.cs and MaterialDesignIcons.Outline.cs).

Related Packages

NPM @MDI Organization

• React: MaterialDesign-React
• SVG: MaterialDesign-SVG
• Webfont: MaterialDesign-Webfont
• Font-Build: MaterialDesign-Font-Build
• Desktop Font: MaterialDesign-Font

Learn More

• MudBlazor
• MaterialDesignIcons.com
• https://github.com/Templarian/MaterialDesign