Segoe MDL2 Assets icons

This article provides developer guidelines for using the Segoe MDL2 Assets icons and lists the font glyphs along with their unicode values and descriptive names.

Important APIs:

• FontIcon class

About Segoe MDL2 Assets

Most of the icons included in the Segoe MDL2 Assets font are mapped to the Private Use Area of Unicode (PUA). The PUA allows font developers to assign private Unicode values to glyphs that don't map to existing code points. This is useful when creating a symbol font, but it creates an interoperability problem. If the font is not available, the glyphs won't show up. Use these glyphs only when you can explicitly specify the Segoe MDL2 Assets font. If you are working with tiles, you can't use these glyphs because you can't specify the tile font and PUA glyphs are not available via font-fallback.

Unlike with Segoe UI Symbol, the icons in the Segoe MDL2 Assets font are not intended for use in-line with text. This means that some older "tricks" like the progressive disclosure arrows no longer apply. Likewise, since all of the new icons are sized and positioned the same, they do not have to be made with zero width; we have just made sure they work as a set. Ideally, you can overlay two icons that were designed as a set and they will fall into place. We may do this to allow colorization in the code. For example, U+EA3A and U+EA3B were created for the Start tile Badge status. Because these are already centered the circle fill can be colored for different states.

Layering and mirroring

All glyphs in Segoe MDL2 Assets have the same fixed width with a consistent height and left origin point, so layering and colorization effects can be achieved by drawing glyphs directly on top of each other. This example show a black outline drawn on top of the zero-width red heart.

👁 Screenshot of using a zero-width glyph.

Many of the icons also have mirrored forms available for use in languages that use right-to-left text directionality such as Arabic, Dari, Persian, and Hebrew.

Using the icons

To use a glyph from the Segoe MDL2 Assets font, use a FontIcon.

<FontIcon FontFamily="Segoe MDL2 Assets" Glyph="&#xE700;"/>

How do I get this font?

• On Windows: There's nothing you need to do, the font comes with Windows.
• On a Mac, you need to download and install the font: Get the Segoe UI and MDL2 icon fonts

Icon list

Please keep in mind that the Segoe MDL2 Assets font includes many more icons than we can show here. Many of the icons are intended for specialized purposes and are not typically used anywhere else.

The following tables display all Segoe MDL2 Assets icons and their respective unicode values and descriptive names. Select a range from the following list to view glyphs according to the PUA range they belong to.

• PUA E700-E900
• PUA EA00-EC00
• PUA ED00-EF00
• PUA F000-F200
• PUA F300-F500
• PUA F600-F800

PUA E700-E900

The following table of glyphs displays unicode points prefixed from E7- to E9-.

Back to top

PUA EA00-EC00

The following table of glyphs displays unicode points prefixed from EA- to EC-.

Back to top

PUA ED00-EF00

The following table of glyphs displays unicode points prefixed from ED- to EF-.

Back to top

PUA F000-F200

The following table of glyphs displays unicode points prefixed from F0- to F2-.

Back to top