I'm developing an angularjs app using bootstrap as the UI. I've downloaded a tutorial from YouTube which i'm following and the problem i'm facing is my icon is not showing up.
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="" /> <script src=""></script> <link rel="stylesheet" href="style.css" /> <script src="script.js"></script> </head> <body> <div> <div> <div> <h1><span aria-hidden="true"></span> Hello Plunker!</h1> </div> </div> <div> <div> Nav </div> <div> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> </div> </div> </div> </body> </html> 2 Answers
I suggest that you use Font Awesome icon pack, since Bootstrap v4 glyphicons are no longer supported. I'm not even sure that I saw a website that uses Bootstrap's glyphicons. Almost every website that uses icons, are the Font Awesome ones. Take a look, I'm sure you will find what you need.
If that's not enough, you can use the SVG ones, but from a different repository :
Or these ones, also from different repository :
As of Bootstrap 4, the glyphicons font, that was packaged with the Bootstrap deliverable in version 3, was removed.
More information, along with alternative options, can be found here.
