相关文章推荐
调皮的草稿纸  ·  Glyphs and Glyph Runs ...·  9 月前    · 
调皮的草稿纸  ·  Segoe MDL2 Assets ...·  9 月前    · 
调皮的草稿纸  ·  Registered features, ...·  9 月前    · 
调皮的草稿纸  ·  Feature tags ...·  9 月前    · 
Access to this page requires authorization. You can try or changing directories . Access to this page requires authorization. You can try changing directories .

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

    Important

    With the release of Windows 10, the Segoe MDL2 Assets font replaced the Windows 8/8.1 Segoe UI Symbol icon font.

    With the release of Windows 11, the Segoe Fluent Icons font replaced Segoe MDL2 Assets as the recommended symbol icon font. Segoe UI Symbol and Segoe MDL2 Assets are still available, but we recommend updating your app to use the Segoe Fluent Icons font .

    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.

    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, then 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.

    Glyphs with prefixes ranging from E0- to E5- (e.g. E001, E5B1) are currently marked as legacy and we recommend that they not be used.

    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

    Glyph Unicode point Description

    PUA EA00-EC00

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

    Back to top

    Glyph Unicode point Description

    PUA ED00-EF00

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

    Back to top

    Glyph Unicode point Description

    PUA F000-F200

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

    Back to top

    Glyph Unicode point Description

    PUA F300-F500

    The following table of glyphs displays unicode points prefixed from F3- to F5-.

    Back to top

    Glyph Unicode point Description

    PUA F600-F800

    The following table of glyphs displays unicode points prefixed from F6- to F8-.

    Back to top

    Glyph Unicode point Description