Example Metro app /WinRT: How to add more Segoe UI Symbol symbols as icons

Open the Character Map program

Open the Character Map Program and select Segoe UI Symbols. Select the icon or icons that you want to use.

Select the icon or icons that you want to use.

Copy the icons , and paste the symbol as content. Reference the style on you button if you are using a button. You can also also declare your own styles for other controls/other usage.

[sourcecode language=“XML”]

[/sourcecode]

Comments

Leave a comment below, or by email.

timheuer

7/25/2012 10:47:08 PM

Actually the better way of doing this is to use the Unicode symbol.  Notice in Character Map the value at the bottom of your screenshot (U+2601).  This would translate into your Content value being "☁" in XAML.  One thing to note, however is that not all the symbol values were meant for AppBar styles, so some may need some content margin nudging to get centered.

Adrian

5/10/2013 1:45:35 PM

Instead of, or addition to, using the Character Map app, you may find this useful:
http://msdn.microsoft.com/en-us/library/windows/apps/jj841126.aspx

Last modified on 2012-07-25