New for 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-UI provides a separate npm package, @material-ui/icons, that includes the 1,000+ official Material icons converted to SvgIcon components 1. Today we offer you a sneak peek on some actual material design icons in theme packs. All of them are designed according to the icon design principles in Material Design Guidelines and presented in 5 styles: filled, outlined, rounded, two-tone, and sharp. Get code examples like. The helper CSS classes are listed below. Mdi-18px mdi-24px mdi-36px mdi-48px. Mdi-rotate-45 mdi-rotate-90 mdi-rotate-135 mdi-rotate-180 mdi-rotate-225 mdi-rotate-270 mdi-rotate-315. Mdi-flip-h mdi-flip-v. Note: We do not include the ability to use mdi-flip-. and mdi-rotate-. at the same time. Mdi-spin mdi-spin. Mdi-light mdi-light mdi-inactive mdi-dark.

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:

To give you:

Windows Store On Windows Server

The icons are SVG based, so scale nicely:

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

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:

Microsoft Store On Windows Server

Windows Server Store Apps

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.