Jump to content


Kiran suthar

Recommended Posts

  • 2 weeks later...
<!DOCTYPE html>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>

    <div class="container">
      <h2>Glyphicon Examples</h2>
      <p>User: <span class="glyphicon glyphicon-user"></span></p>    
        <a href="#">
          <span class="glyphicon glyphicon-lock"></span>
      <p>Alignment :<span class="glyphicon glyphicon-align-justify"></span></p>
      <p>Search icon on a button:
        <button type="button" class="btn btn-default">
          <span class="glyphicon glyphicon-search"></span> Search
        <button type="button" class="btn btn-info">
          <span class="glyphicon glyphicon-heart-empty"></span> Wishlist
      <p>Like <span class="glyphicon glyphicon-thumbs-up"></span></p>      
        <a href="#" class="btn btn-success btn-lg">
          <span class="glyphicon glyphicon-download"></span> Download 

You can also more glyphicon icons you can following this link


Link to comment
Share on other sites

  • 1 month later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...