Please keep in mind that the Segoe MDL2 Assets font includes many more icons than we can show here.

On a Mac, you need to download and install the font: Get the Segoe UI and MDL2 icon fonts.

On Windows 10: There's nothing you need to do, the font comes with Windows.

You can also use the static resource SymbolThemeFontFamily to access Segoe MDL2 Assets, instead of specifying the font by name:

If you would like to use a glyph from the Segoe MDL2 Assets font that is not included in the Symbol enum, then use a FontIcon. If you are developing an app in C#/VB/C++ and XAML, you can use specified glyphs from Segoe MDL2 Assets with the Symbol enumeration. Many of the icons also have mirrored forms available for use in languages that use right-to-left text directionality such as Arabic, Farsi, and Hebrew. This example show a black outline drawn on top of the zero-width red heart. Layering and mirroringĪll 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. Because these are already centered the circle fill can be colored for different states. For example, U+EA3A and U+EA3B were created for the Start tile Badge status. We may do this to allow colorization in the code. Ideally, you can overlay two icons that were designed as a set and they will fall into place. 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. This means that some older 'tricks' like the progressive disclosure arrows no longer apply. Unlike with Segoe UI Symbol, the icons in the Segoe MDL2 Assets font are not intended for use in-line with text. 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. Use these glyphs only when you can explicitly specify the Segoe MDL2 Assets font. Only use these glyphs when you can specify the Segoe MDL2 Assets font. If the font is not available, the glyphs won’t show up. This is useful when creating a symbol font, but it creates an interoperability problem. The PUA allows font developers to assign private Unicode values to glyphs that don’t map to existing code points. Most of the icons and UI controls included in the Segoe MDL2 Assets font are mapped to the Private Use Area of Unicode (PUA). Segoe UI Symbol will still be available as a 'legacy' resource, but we recommend updating your app to use the new Segoe MDL2 Assets. With the release of Windows 10, the Segoe MDL2 Assets font replaced the Windows 8/8.1 Segoe UI Symbol icon font.

Add segoe ui font in website