Bootstrap Glyphicons

Bootstrap Glyphicon is used to create different type of glyphicons It is used in the web project. It provides 260 Glyphicons from the Glyphivons Halflings set. There are various examples of Glyphicons:

  • glyphicon glyphicon-plus
  • glyphicon glyphicon-envelope
  • glyphicon glyphicon-search
  • glyphicon glyphicon-heart etc.
Syntax of Glyphicons
<span class="glyphicon glyphicon-name"></span>
Let us see an example of Bootstrap Glyphicons:
<!DOCTYPE html>  
<html lang="en">  
<head>  
<title>Bootstrap Example</title>  
<meta charset="utf-8">  
<meta name="viewport" content="width=device-width, initial-scale=1">  
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">  
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>  
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>  
</head>  
<body>  
<div class="container">  
  <p>Print icon: <span class="glyphicon glyphicon-print"></span></p>   
  <p>Print icon on a styled link button:  
    <a href="#" class="btn btn-success btn-lg">  
      <span class="glyphicon glyphicon-print"></span> Print   
    </a>  
  </p>   
</div>  
</body>  
</html>
Try Now

Note : If you want to use another glyohicon icon then you have to replaced glyphicons-name.