Material.Icons 2.1.6

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

// Install Material.Icons as a Cake Tool
#tool nuget:?package=Material.Icons&version=2.1.6

Material.Icons

Parsed icons set from materialdesignicons.com and display control implementations for different GUI frameworks.

  • All icons are always up-to-date because automatically updated every 6 hours.
  • Small package size because icons are graphically encoded via SVG Path.
  • Icon types are strongly typed enum, so your IDE will suggest available variants:
    895428ad-6010-4ffd-bd88-61aecd50f5e1

Structure

This project consists of 3 parts:

  • alternate text is missing from this package README image contains info about the icons

  • alternate text is missing from this package README image contains controls for AvaloniaUI

  • alternate text is missing from this package README image contains controls for WPF

  • FAQ - frequently asked questions

Avalonia

Getting started
  1. Install Material.Icons.Avalonia nuget package:
    dotnet add package Material.Icons.Avalonia
    
    avalonia-nuget avalonia-nuget
  2. Include styles in App.xaml (for 2.0.0 version and higher):
    <Application xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia" 
                 ...>
      <Application.Styles>
        ...
        <materialIcons:MaterialIconStyles />
      </Application.Styles>
    </Application>
    
    For 1.*.*:
    <Application ...>
      <Application.Styles>
        ...
        <StyleInclude Source="avares://Material.Icons.Avalonia/App.xaml" />
      </Application.Styles>
    </Application>
    
Using

Add Material.Icons.Avalonia namespace to the root element of your file (your IDE can suggest it or do it automatically):

xmlns:materialIcons="clr-namespace:Material.Icons.Avalonia;assembly=Material.Icons.Avalonia"

Use MaterialIcon control:

<materialIcons:MaterialIcon Kind="Abacus" />

The Foreground property controls the color of the icon.
Also, there is MaterialIconExt which allows you to use is as the markup extension:

<Button Content="{materialIcons:MaterialIconExt Kind=Abacus}" />

Avalonia FuncUI (F#)

Getting started
  1. Install Material.Icons.Avalonia nuget package:
    dotnet add package Material.Icons.Avalonia
    
    avalonia-nuget avalonia-nuget
  2. Import styles in Application (or if you use XAML check instructions for plain Avalonia)
    type App() =
        inherit Application()
    
        override this.Initialize() =
            ..
            this.Styles.Add(MaterialIconStyles(null))
            ..
    
  3. Create bindings for MaterialIcon
    namespace Avalonia.FuncUI.DSL
    
    [<AutoOpen>]
    module MaterialIcon =
        open Material.Icons
        open Material.Icons.Avalonia
        open Avalonia.FuncUI.Types
        open Avalonia.FuncUI.Builder
    
        let create (attrs: IAttr<MaterialIcon> list): IView<MaterialIcon> =
            ViewBuilder.Create<MaterialIcon>(attrs)
    
        type MaterialIcon with
    
            static member kind<'t when 't :> MaterialIcon>(value: MaterialIconKind) : IAttr<'t> =
                AttrBuilder<'t>.CreateProperty<MaterialIconKind>(MaterialIcon.KindProperty, value, ValueNone)
    
  4. Use
    Button.create [
         Button.content (
             MaterialIcon.create [
                 MaterialIcon.kind MaterialIconKind.Export
            ]
        )
    ]
    

WPF

Getting started

Install Material.Icons.WPF nuget package:

dotnet add package Material.Icons.WPF

wpf-nuget wpf-nuget

Using

Add Material.Icons.WPF namespace to the root element of your file (your IDE can suggest it or do it automatically):

xmlns:materialIcons="clr-namespace:Material.Icons.WPF;assembly=Material.Icons.WPF"

Use MaterialIcon control:

<materialIcons:MaterialIcon Kind="Abacus" />

The Foreground property controls the color of the icon.
Also, there is MaterialIconExt which allows you to use is as the markup extension:

<Button Content="{materialIcons:MaterialIconExt Kind=Abacus}" />

Meta

Getting started

Install Material.Icons nuget package:

dotnet add package Material.Icons

icons-nuget icons-nuget

Using

Icon types stored in Material.Icons.MaterialIconKind enum.
We can resolve an icon path by using Material.Icons.MaterialIconDataProvider.GetData().

Adding your own icons

Currently, there is no way to add your own icons, as icons are enum and cannot be modified.
But you can override some existing icons to use your own data:

public class CustomIconProvider : MaterialIconDataProvider
{
    public override string ProvideData(MaterialIconKind kind)
    {
        return kind switch
        {
            MaterialIconKind.TrophyVariant => "some SVG code",
            _ => base.ProvideData(kind)
        };
    }
}

// When your application starts (e.g. in the Main method) replace MaterialIconDataProvider with your own
public static int Main(string[] args)
{
    MaterialIconDataProvider.Instance = new CustomIconProvider(); // Settings custom provider

    // Application startup code
    // return BuildAvaloniaApp().StartWithClassicDesktopLifetime(args);
}

FAQ

How to change icon color?
  • Change Foreground property.
How to change size?
  • If you are using MaterialIcon control - use Width or/and Height properties.
  • If you are using MaterialIconExt - use Size property.
How to update icons?
  • You can manually set Material.Icons package version in your project file.
What about versioning policy?
  • We use semver.
    Any package with identical major and minor versions is compatible.
    For example, 1.0.0 and 1.0.1 are compatible, but 1.0.0 and 1.1.0 might not be.
Product Compatible and additional computed target framework versions.
.NET net5.0 was computed.  net5.0-windows was computed.  net6.0 was computed.  net6.0-android was computed.  net6.0-ios was computed.  net6.0-maccatalyst was computed.  net6.0-macos was computed.  net6.0-tvos was computed.  net6.0-windows was computed.  net7.0 was computed.  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 was computed.  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. 
.NET Core netcoreapp2.0 was computed.  netcoreapp2.1 was computed.  netcoreapp2.2 was computed.  netcoreapp3.0 was computed.  netcoreapp3.1 was computed. 
.NET Standard netstandard2.0 is compatible.  netstandard2.1 was computed. 
.NET Framework net461 was computed.  net462 was computed.  net463 was computed.  net47 was computed.  net471 was computed.  net472 was computed.  net48 was computed.  net481 was computed. 
MonoAndroid monoandroid was computed. 
MonoMac monomac was computed. 
MonoTouch monotouch was computed. 
Tizen tizen40 was computed.  tizen60 was computed. 
Xamarin.iOS xamarinios was computed. 
Xamarin.Mac xamarinmac was computed. 
Xamarin.TVOS xamarintvos was computed. 
Xamarin.WatchOS xamarinwatchos was computed. 
Compatible target framework(s)
Included target framework(s) (in package)
Learn more about Target Frameworks and .NET Standard.
  • .NETStandard 2.0

    • No dependencies.

NuGet packages (5)

Showing the top 5 NuGet packages that depend on Material.Icons:

Package Downloads
Material.Icons.Avalonia

Avalonia control for display material icons from Material.Icons

Speckle.Material.Icons.Avalonia The ID prefix of this package has been reserved for one of the owners of this package by NuGet.org.

Avalonia control for display material icons from Material.Icons

Material.Icons.WPF

WPF control for display material icons from Material.Icons

Floxel

Toolkit for making WPF applications

Material.Icons.UNO

Icones Material Design para UNO e WinUI

GitHub repositories

This package is not used by any popular GitHub repositories.

Version Downloads Last updated
2.1.6 1,281 1/18/2024
2.1.5 626 1/2/2024
2.1.4 362 12/19/2023
2.1.3 189 12/15/2023
2.1.2 96 12/14/2023
2.1.1 127 12/12/2023
2.1.0 21,102 12/9/2023
2.0.18 93 12/9/2023
2.0.17 95 12/8/2023
2.0.16 186 12/6/2023
2.0.15 118 12/5/2023
2.0.14 116 12/5/2023
2.0.13 165 12/2/2023
2.0.12 1,170 10/25/2023
2.0.11 1,238 8/16/2023
2.0.10 144 8/15/2023
2.0.9 131 8/15/2023
2.0.8 136 8/14/2023
2.0.7 137 8/13/2023
2.0.6 216 8/9/2023
2.0.5 406 7/11/2023
2.0.4 429 6/12/2023
2.0.3 22,394 5/14/2023
2.0.2 2,057 5/10/2023
2.0.1 149 5/9/2023
2.0.0 5,019 5/4/2023
2.0.0-preview1.3 2,574 3/9/2023
2.0.0-preview1.2 102 3/2/2023
2.0.0-preview1.1 96 3/1/2023
2.0.0-preview1 723 1/23/2023
1.1.35 43,891 1/21/2023
1.1.34 287 1/19/2023
1.1.33 324 1/13/2023
1.1.32 2,419 1/4/2023
1.1.31 318 12/30/2022
1.1.30 285 12/29/2022
1.1.29 291 12/28/2022
1.1.28 298 12/27/2022
1.1.27 305 12/23/2022
1.1.26 304 12/22/2022
1.1.25 714 12/19/2022
1.1.24 292 12/19/2022
1.1.23 292 12/15/2022
1.1.22 378 12/5/2022
1.1.21 309 12/5/2022
1.1.20 369 11/21/2022
1.1.19 1,039 10/14/2022
1.1.18 712 10/1/2022
1.1.17 528 9/15/2022
1.1.16 406 9/10/2022
1.1.15 2,338 8/25/2022
1.1.14 478 8/9/2022
1.1.13 669 7/17/2022
1.1.12 427 7/15/2022
1.1.11 420 7/14/2022
1.1.10 47,565 7/12/2022
1.1.9 429 7/9/2022
1.1.8 442 7/6/2022
1.1.7 456 7/1/2022
1.1.6 502 6/23/2022
1.1.5 437 6/23/2022
1.1.4 416 6/22/2022
1.1.3 440 6/16/2022
1.1.2 421 6/15/2022
1.1.1 410 6/14/2022
1.1.0 858 6/9/2022
1.0.105 508 5/26/2022
1.0.104 432 5/26/2022
1.0.103 427 5/25/2022
1.0.102 413 5/25/2022
1.0.101 422 5/21/2022
1.0.100 408 5/20/2022
1.0.99 452 5/17/2022
1.0.98 418 5/16/2022
1.0.97 468 5/7/2022
1.0.96 429 5/6/2022
1.0.95 435 4/27/2022
1.0.94 593 4/5/2022
1.0.93 431 4/3/2022
1.0.92 428 4/2/2022
1.0.91 448 4/2/2022
1.0.90 446 3/30/2022
1.0.89 434 3/30/2022
1.0.88 439 3/26/2022
1.0.87 419 3/25/2022
1.0.86 414 3/25/2022
1.0.85 429 3/24/2022
1.0.84 436 3/24/2022
1.0.83 565 3/21/2022
1.0.82 425 3/21/2022
1.0.76 640 2/8/2022
1.0.75 469 2/1/2022
1.0.74 460 1/29/2022
1.0.73 469 1/25/2022
1.0.72 464 1/24/2022
1.0.71 453 1/23/2022
1.0.70 457 1/22/2022
1.0.69 434 1/22/2022
1.0.68 1,257 1/4/2022
1.0.67 298 12/29/2021
1.0.66 429 12/8/2021
1.0.65 294 12/4/2021
1.0.64 4,795 11/24/2021
1.0.63 315 11/16/2021
1.0.62 365 11/14/2021
1.0.61 339 11/12/2021
1.0.60 340 11/4/2021
1.0.59 353 11/4/2021
1.0.58 343 11/2/2021
1.0.57 364 10/27/2021
1.0.56 391 10/15/2021
1.0.55 364 10/15/2021
1.0.54 329 10/14/2021
1.0.53 338 10/13/2021
1.0.52 347 10/12/2021
1.0.51 355 10/8/2021
1.0.50 329 10/7/2021
1.0.49 333 10/6/2021
1.0.48 317 10/6/2021
1.0.47 352 10/5/2021
1.0.46 487 10/3/2021
1.0.45 355 9/25/2021
1.0.44 394 9/24/2021
1.0.43 335 9/23/2021
1.0.42 362 9/22/2021
1.0.41 357 9/21/2021
1.0.40 371 9/21/2021
1.0.39 343 9/17/2021
1.0.38 359 9/16/2021
1.0.37 367 9/16/2021
1.0.36 348 9/15/2021
1.0.35 373 9/15/2021
1.0.34 361 9/14/2021
1.0.33 369 9/14/2021
1.0.32 361 9/7/2021
1.0.31 401 9/5/2021
1.0.30 361 9/4/2021
1.0.29 373 9/4/2021
1.0.28 371 9/3/2021
1.0.27 347 9/2/2021
1.0.26 377 9/2/2021
1.0.25 366 9/1/2021
1.0.24 363 8/31/2021
1.0.23 351 8/30/2021
1.0.22 360 8/26/2021
1.0.21 353 8/26/2021
1.0.20 324 8/25/2021
1.0.19 332 8/25/2021
1.0.18 363 8/21/2021
1.0.17 344 8/12/2021
1.0.16 387 7/29/2021
1.0.15 384 7/28/2021
1.0.14 358 7/27/2021
1.0.13 408 7/13/2021
1.0.12 435 5/21/2021
1.0.11 406 5/8/2021
1.0.10 354 4/27/2021
1.0.9 367 4/9/2021
1.0.8 20,661 3/20/2021
1.0.7 388 3/9/2021
1.0.6 379 3/6/2021
1.0.5 384 3/5/2021
1.0.4 515 2/12/2021
1.0.3 397 2/9/2021
1.0.2 27,973 2/6/2021
1.0.1 402 2/6/2021
1.0.0 2,938 1/21/2021

- Icons set updated according to materialdesignicons.com at Thu, 18 Jan 2024 12:18:06 GMT
Check out changes at https://pictogrammers.com/library/mdi/history/