UWP and Windows 10 Icons

Next in my app development I needed some mediaplayer icons for my app. I never liked this part before as my workflow was searching through Syncfusion MetroStudio to find suitable icon, which I sometimes could not find; On success I would search through UI guidelines to see how close it is to the default OS icon for that action; then I would save it into SVG; open in InkScape and do the modifications; export as xaml; make some button template that would accept the path; add this to resource dictionary and then assign the style to the particular button.

I thought there must be a better way and within 3 minutes I have found:

<SymbolIcon Symbol="Pause"/>

That is it. I remembered the feeling when I started learning WPF and would find something that would be beyond simple; something that I expected to take an hour to solve, and then it was done in one line of code.

All other system default icons are listed at

https://msdn.microsoft.com/EN-US/library/windows/apps/windows.ui.xaml.controls.symbol.aspx

New icons are infinitely better than Windows 8 AppBar button style images,
but, even though there are all usual player controls, such as play, next, repeatOne… there was no Eject button

Then I got confused with some icons. Save indicates an ancient physical medium, but open is something completely unrelated to save and very unorthodox.

Open File Icon – pulling a file from imaginary storage underneath.

Open Local Icon (Looks like Open a Folder) – pulling a Folder from imaginary storage cabinet underneath.

but then

Save Icon – indicates an ancient physical medium. Standard save icon, but upside-down, and unrelated to open icons

Save Local – indicated putting a storage medium into an imaginary storage underneeth. It is a document that goes onto a storage, not medium into a drive or storage. Think if it depiced a usb drive being plugged – hard to imagine that would depict storing a document into a secure location

So far user learned that open is suggested with upward arrow, but I would not have guessed this means Open With…

Then I wanted I wanted all buttons transparent and the old way doing it in Resources did not work but luckily new way was simpler:


<Style TargetType="Button">
<Setter Property="Background" Value="Transparent" />
</Style>