Glyphicons icons in Bootstrap

Ethan Karla 782 28 Jul 2021

What are Glyphicons icons in Bootstrap? How to use it in our project?

Ask by Ethan Karla

Updated 28 Jul 2021

1 Answers

Anonymous User 04 Aug 2021

Glyphicon icons are available for use in Bootstrap 4 but glyphicons have been removed from Bootstrap after the release of Bootstrap 5. If you want to use icons in your project you can use Font-Awesome library. But if you are planning to use Bootstrap 4 then you can use glyphicons. The example below might help you figure out how to achieve this:

<!DOCTYPE html>

<html>

  <head>

    <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'>

  </head>

  <body>

    <div class='container'>

      <h2>Bootstrap 4 Glyphicon</h2>

      <p>Print icon: <span class='glyphicon glyphicon-print'></span></p>      

      <p>Social  Media Follow Button : 

        <a href='#' class='btn btn-primary'>

          <span class='glyphicon glyphicon-plus'></span> Follow 

        </a>

      </p> 

    </div>

  </body>

</html>

Hope this will help you.

Happy Coding!

Markdown for AI

A clean, structured version of this page for AI assistants and LLMs.

Open .md

forum

Glyphicons icons in Bootstrap

Can you answer this question?

1 Answers