Hi all,

In this post, I am going to tell you, what is Glyphicons and how to use it and its example.

What is Glyphicons?

Glyphicons are set of icon fonts style which you can use in your website.  To use the icons, simply use the following code just about anywhere in your code.

Because It is provided by only in bootstrap so to use in other its require licensing.

Bootstrap provide 260 icon from the Glyphicon Halflings set.

This is very easy to use below is syntax example -

<span class="glyphicon glyphicon-*"></span>

Example :

<p>
   <button type = "button" class = "btn btn-default">
      <span class = "glyphicon glyphicon-sort-by-attributes"></span>
   </button>
   
   <button type = "button" class = "btn btn-default">
      <span class = "glyphicon glyphicon-sort-by-attributes-alt"></span>
   </button>
   
   <button type = "button" class = "btn btn-default">
      <span class = "glyphicon glyphicon-sort-by-order"></span>
   </button>
   
   <button type = "button" class = "btn btn-default">
      <span class = "glyphicon glyphicon-sort-by-order-alt"></span>
   </button>
</p>

<button type = "button" class = "btn btn-default btn-lg">
   <span class = "glyphicon glyphicon-user"></span>
</button>


<button type ="button" class = "btn btn-default btn-xs">
   <span class = "glyphicon glyphicon-user"></span> 
   
   User
</button>