NOTE: The color of the symbol is automatically changed to Black / White based on the current theme: Light or Dark! You can also change the color of the symbol via the Foreground property of the button!

NOTE: The advantage of using font symbols instead of .PNG icons is that symbols are scaled automatically!

IMPORTANT:

Step1. You must set the value of the Content property to the code of the symbol (&#xe211;)

Step2. You must set the FontFamily to "Segoe UI Symbol"

Step3. Setting the FontSize determines the size of the icon

Example:

If you are developing a Windows Store app then you can set the symbol to an application bar button in this way:

NOTE:By default the color of the symbol is automatically changed to Black / White based on the current theme: Light or Dark! You can adjust the position of the symbol via the Margin property of the Button.

How to use the icon with HTML only:

Alternatively if you are building a Windows Store HTML/Java Script app or a Web Site, then you can use the symbol with HTML only.

If your browser or device does not have the Segoe UI Symbol font installed,
then you will not be able to see the symbol! All modern browsers should support this font as well as all Windows devices!