Matthias Shapiro

I need fewer hobbies

How to use Windows 8 font icons in XAML

As of July, 2104, this works for Windows 8 (and greater) and Windows Phone 8 (and greater).

All the icons are listed below in images grabbed from Jonathan Antoine’s WinJS centeric post. Just pick out the icon you want based on the sheet below and replace  “/u” with “&#x”. Your XAML markup should look something like this.

<Border Background="#FF213A8F"
        Width="50"
        Height="50"
        BorderBrush="White"
        BorderThickness="3"
        CornerRadius="25">
    <TextBlock Text="&#xE124"
                FontFamily="Segoe UI Symbol"
                HorizontalAlignment="Center"
                VerticalAlignment="Center"
                FontSize="22" />
</Border>

And the result looks like

XAML_Font_Icon_Sample

You can also download this useful Windows 8 app for browsing the icons

glyph2

Glyphs1

glyph3

Or download this app http://t.co/IE9S6heXKd

This entry was posted in Windows 8, Windows Phone, Windows Phone 8, Windows Phone 8.1, XAML. Bookmark the permalink.

2 Responses to How to use Windows 8 font icons in XAML

  1. Because here is a list of multiplayer games is that the leave was asked for more. eadcceefgddaeadd

  2. Pingback: Dew Drop – July 2, 2014 (#1806) | Morning Dew