Windows 8 Icons: Segoe UI Symbol

Whatz up guyz...

In this post i am going to tell you about "Windows 8 Icons".












If you ever used a windows 8 app, you know that there are so many standard Icons.

Actually we do not want to add images for each button, simply we can use the character map for obtain the icons.Go to the character map and select the font as "Segoe UI Symbol".Then you will see lot of standard symbols in the character map.

• Lets see how to design a Back Button      

1. Go to character map and select font as  "Segoe UI Symbol".Find your symbol on the character map and select it. In this case i am finding the Back symbol.After select the symbol you can find a code bottom of the character map as the picture in below. Note down that code. code for Back button is E112.

2.  Go to the page or App bar  that you want to add the button and view the .xaml view .Then add the following code to the certain location .

 <StackPanel Orientation="Vertical" Margin="0,14,0,5" Grid.Column="1">  
   <Button Style="{StaticResource AppBarButtonStyle}"  
     FontFamily="Segoe UI Symbol" FontSize="18.667"   
     Padding="8,8,0,0" Margin="0,0,0,10"  
     Content="&#xE112;"/>  
   <TextBlock Text="Back" />  
 </StackPanel>  

Within the button tag you can see property named "Content" .You should put your symbol code as the content.In this code i already added the code.  Within the inverted commas first you should add    &#x
and then your code E112  and a semicolon. Finally it should like this ""

Itz simple ...
I think this will help you ..

Thank you guyzz... :) :)