Material Icons

The Syncfusion® .NET MAUI contains a comprehensive set of icons bundled in the MauiMaterialAssets.ttf file. These icons are readily available for use in .NET MAUI applications once the Syncfusion® MAUI package is installed.

Getting Started with Icon Integration

To start using the icons, first ensure that the font is registered in your application. Here is a walkthrough on setting up the MauiMaterialAssets.ttf:

Step 1: Install the Syncfusion® MAUI Package

When you install Syncfusion MAUI packages, which depend on the Syncfusion.MAUI.Core package, the MauiMaterialAssets.ttf file is automatically added to your project’s font folder.

Step 2: Register the font

Modify your MauiProgram.cs to register the font icon. Here is an example:

//...existing code...
public static class MauiProgram
{
    public static MauiApp CreateMauiApp()
    {
        var builder = MauiApp.CreateBuilder();
        //...existing code...
        builder.ConfigureFonts(fonts =>
        {
            //...existing code...
            fonts.AddFont("MauiMaterialAssets.ttf", "MaterialAssets");
        });
        return builder.Build();
    }
}

Step 3: Using icons in the project

To use icons in your MAUI project, simply refer to them using the designated font family. Below is an example of how you might integrate an icon into a Label.

<Label  Text="&#xE70F;"
        FontFamily="MaterialAssets"
        FontSize="24"
        TextColor="Black"/>
Label label = new Label
{
    Text = "\ue70f", // Unicode character representation
    FontFamily = "MaterialAssets",
    FontSize = 24,
    TextColor = Colors.Black 
};

The following image illustrates the result of the above code.

Delete Icon

Material Icons List

The below list represents the wide variety of icons available in the MauiMaterialAssets.ttf file. These icons can be adapted to suit the UI needs of any application, providing consistent and visually pleasing interface elements.