Segoe Fluent Icons font

This article provides developer guidelines for using the Segoe Fluent Icons font and lists each icon along with its Unicode value and descriptive name.

Important APIs:

• FontIcon class

About Segoe Fluent Icons

Most of the icons included in the Segoe Fluent Icons font are mapped to the Private Use Area of Unicode (PUA). The PUA range is a non-standardized range of Unicode that allows font developers to define their own characters. This is useful when creating a symbol font, but it creates an interoperability problem when Segoe Fluent Icons is not available.

Icons in the Segoe Fluent Icons 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 made sure they work as a set.

Layering and mirroring

All glyphs in Segoe Fluent Icons 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.

<Grid>
 <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xEB52;"
 Foreground="#C72335" />
 <FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xEB51;" />
</Grid>

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

If you are developing an app in XAML, you can use specified glyphs from Segoe Fluent Icons with a SymbolIcon and the Symbol enumeration.

<SymbolIcon Symbol="GlobalNavigationButton"/>

If you would like to use a glyph from the Segoe Fluent Icons font that is not included in the Symbol enum, set it as the Glyph property of a FontIcon control.

<FontIcon FontFamily="Segoe Fluent Icons" Glyph="&#xE700;"/>

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

<FontIcon FontFamily="{StaticResource SymbolThemeFontFamily}" Glyph="&#xE700;"/>

How do I get this font?

• On Windows 11: There's nothing you need to do, the font comes with Windows.
• On Windows 10: Segoe Fluent Icons is not included by default on Windows 10. You can download it from the Design resources page.
• On a Mac or other device: You can download Segoe Fluent Icons and other fonts from the Design resources page. You can download the font for use in design and development, but you may not ship it to another platform.

Examples

👁 WinUI 3 Gallery icon

The WinUI 3 Gallery app includes interactive examples of WinUI controls and features. Get the app from the Microsoft Store or browse the source code on GitHub.

Icon list

Please keep in mind that the Segoe Fluent Icons 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 Fluent Icons glyphs 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-E9F9
• PUA EA0C-ECF3
• PUA ED0C-EFFF
• PUA F000-F5FF
• PUA F600-F8CC

PUA E700-E9F9

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

Back to top

PUA EA0C-ECF3

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

Back to top

PUA ED0C-EFFF

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

Back to top

PUA F000-F5FF

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

Back to top