Icon Pack - Material Design In XAML 1.4

Release 1.4 of Material Design In XAML Toolkit is a full icon pack. Icon design is a skill itself and finding or creating good icons when designing an application can be a time consuming task. To help in this regard I am pleased to announce that the entire Material Design Icons collection is now included in the library.

 Material Design Icons

It’s a great collection, containing over 1,400 icons, including many of the standard icons we see on Android phones and many more additional icons added by its own community. It’s worthwhile heading over to the website to get an overview of the icons, and there’s a search feature to help you track down the icon you’re after.

Using the icons in your WPF application is easy. Assuming you’ve already installed Material Design In XAML Toolkit, the XAML is as simple as:

  1. <materialDesign:PackIcon Kind="ShareVariant" />  
To give you:

The icons are SVG based, so scale nicely:
  1. <materialDesign:PackIcon Kind="ThumbUp" Height="24" Width="24" />  
  2. <materialDesign:PackIcon Kind="ThumbUp" Height="36" Width="36" />  
  3. <materialDesign:PackIcon Kind="ThumbUp" Height="48" Width="48" />  
Like

You can see the entire icon collection in the main demo application:

Icon Pack

MahApps

Furthermore, the base class for the icon has been added to ControlzEx (credit to @punker76 for this idea), so in the future you may well see mahApps use the same API for Modern Design Language icons, giving WPF developers a common, simple icon XAML syntax:
  1. <materialDesign:PackIcon Kind="SomeMaterialIcon" />  
  2. <mahApps:PackIcon Kind="SomeModernIcon" />  
Release Details

Various other fixes, enhancements, performance improvements have recently gone into the library. Versions 1.3.1, 1.3.2, and now 1.4.0 contain some welcome community contributions. To see details of all changes hit the Releases GitHub page.

 

Up Next
    Ebook Download
    View all
    Learn
    View all