Jul 252012
 
 July 25, 2012  Posted by at 6:04 am WinRT  Add comments

Open the Character Map Program and select Segoe UI Symbols. 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”]
<Style x:Key="MyNewIcon" TargetType="Button" BasedOn="{StaticResource AppBarButtonStyle}">
<Setter Property="Content" Value="PASTE SYMBOL HERE" />
</Style>
[/sourcecode]

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

  1. […] But there are more symbols to choose between! I’ve explained and shown how to view and add them here […]

  2. […] is to call function and target app will get the data. Custom data is a different story…”Example Metro app /WinRT: How to add more Segoe UI Symbol symbols as icons (Iris Classon)Iris explains how to use the Character Map application to find and use the embedded […]

  3. 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.

  4. […] Example Metro app /WinRT: How to add more Segoe UI Symbol symbols as icons (Iris Classon) […]

  5. […] Example Metro app /WinRT: How to add more Segoe UI Symbol symbols as icons – Iris Classon […]

  6. 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

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

What is 13 + 12 ?
Please leave these two fields as-is:
IMPORTANT! To be able to proceed, you need to solve the following simple math (so we know that you are a human) :-)