Glyphicons icons in Bootstrap

Ethan Karla 743 28 Jul 2021

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

Ethan Karla

Student

An enthusiastic, adaptive, and fast-learning person with a broad and acute interest in the discovery of new innovative drugs, I particularly enjoy collaborating with scientists from different disciplines to develop new skills and solve new challenges.

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