图标编码 icon

Encodings
HTML Entity (decimal)	
HTML Entity (hex)	
How to type in Microsoft Windows	Alt +E1E7
UTF-8 (hex)	0xEE 0x87 0xA7 (ee87a7)
UTF-8 (binary)	11101110:10000111:10100111
UTF-16 (hex)	0xE1E7 (e1e7)
UTF-16 (decimal)	57,831
UTF-32 (hex)	0x0000E1E7 (e1e7)
UTF-32 (decimal)	57,831
C/C++/Java source code	"\uE1E7"
Python source code	u"\uE1E7"

• Home /  Icon Explorer /  Action Icons

Symbol Icon: Medium Signal Strength

		PNG: 100x100	Download	100x100 (White)	Download
		PNG: 76x76	Download	76x76 (White)	Download
		PNG: 48x48	Download	48x48 (White)	Download

Symbol code: 

How to use the icon with XAML only:

Note that you can use the symbol with XAML only.

This approach is particularly useful if you are building Windows Store or Windows Phone apps!

Example:

<Button Content="&#xe1e7;" FontFamily="Segoe UI Symbol" FontSize="40" />

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 ()

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:

<Button Style="{StaticResource AppBarButtonStyle}"  Content="&#xe1e7;"/>

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!

Example:

<span style="font-family:'Segoe UI Symbol';color:black;font-size:40px;">&#xe1e7;</span>

All symbols can be easily styled with CSS to change colors, size, margin, rotation, add shadow, etc.

IMPORTANT:

Step1. You must set include the code of the symbol () between the opening and the closing tag of the span element (or any other element you choose ex: <div>)

Step2.  You must set the font-family to 'Segoe UI Symbol', unless the font is set by default as in all Windows Store app default templates

Step3. Setting the font-size determines the size of the icon

Example:

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

<button style="font-family:'Segoe UI Symbol';font-size:40px;">&#xe1e7;</button>

NOTE:By default the color of the symbol is automatically changed to Black / White based on the current theme: Light or Dark!

http://www.geekchamp.com/icon-explorer/fruit-icons/icon?code=1f347