Icons

An easy way to import MaterialDesign icons into the standard and custom.

To see a full list of icons go to https://materialdesignicons.com

Select an icon to add. Under Advanced Export click on </> and choose View XAML (DrawImage).

Standard icons

Inside of the DrawingImage will be a GeometryDrawing tag. Copy this tag into the Icons.xaml file. Add a x:Key attribute to the tag and give it a key. Optionally change the brush of the GeometryDrawing.

Now add a DrawingImage element at the bottom. Give it a x:Key attribute. This will be the name of the icon. Set its Drawing attribute to the recently added GeometryDrawing.

The last required step is to add the icon name to the clientGlobals.cs. Inside of it is public enum Icons. Add the icon name inside there at the correct alphabetical order. The icon name must be the same as the x:Key of the DrawingImage. Now the icon can be used like any other icon.

Custom icons

Inside of the DrawingImage will be a GeometryDrawing tag. Copy this tag into the $CustomPath/Themes/Icons.xaml file, if the file does not exist, create a new file from TimeLine Developer.

Create a new Icons.xaml file

Add a x:Key attribute to the tag and give it a key. Optionally change the brush of the GeometryDrawing. See the picture and the comments below.

Custom icon

After the drawing is added the custom Icons.xaml file, the icon will be available in the image picker.