Segoe UI Symbol icon list

18 out of 24 rated this helpful - Rate this topic

This document lists some of the useful glyphs provided by the Segoe UI Symbol font that you can use as icons.

About the Segoe UI Symbol font

Most of the UI controls added to Segoe UI Symbol 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 can be useful when creating a symbol font, but it creates an interoperability problem. If the font is not available, the glyphs won’t show up. Only use these glyphs when you can specify the Segoe UI Symbol 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.

Many of these glyphs are available with zero width (they aren't filled). Zero-width glyphs are useful for layering on top of each other:

JJ841126.segoe_ui_symbol_layering(en-us,WIN.10).png

Many of the icons also have mirror forms available for use in languages that use bi-directional text.

Hearts

Heart icons

Rating stars

Rating icons

Checkbox components

Checkbox components

Radio button components

Radio button components

Miscellaneous

Miscellaneous icons

Scroll bar arrows

Scroll bar arrows

Progressive disclosure arrows

Progressive disclosure arrows

Back buttons

Glyphs for back buttons are available in 2 different sizes so that the weight of the outer ring is consistent at both 20pt and 42pt. These glyphs are designed to support layering.

20pt back-button glyphs

JJ841126.segoe_ui_symbol_backbuttons20pt(en-us,WIN.10).png

42pt back-button glyphs

JJ841126.segoe_ui_symbol_backbuttons42pt(en-us,WIN.10).png

Back arrows for HTML

Add additional code to create circles around these glyphs.

JJ841126.segoe_ui_symbol_backarrow(en-us,WIN.10).png

AppBar glyphs

Use these glyphs in an AppBar. They're designed to be displayed at 14pt. Use additional code to create a circle around them.

AppBar icons

AppBar icons

AppBar icons

AppBar icons

AppBar icons

 

 

Build date: 11/29/2012

Did you find this helpful?
(1500 characters remaining)
© 2013 Microsoft. All rights reserved.