bugl
bugl
HomeLearnPatternsSearch
HomeLearnPatternsSearch
Learn/CSS/CSS Foundations
CSS•CSS Foundations

CSS Icons - Bootstrap

Bootstrap Icons

To use the Bootstrap glyphicons, add the following line inside the <head> section of your HTML page: <link rel="stylesheet"

Formula

href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

Note:

No downloading or installation is required!

Example

<!DOCTYPE html> <html> <head> <link rel="stylesheet"

Formula

href ="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

</head> <body>

Formula

< i class ="glyphicon glyphicon - cloud"></i >
< i class ="glyphicon glyphicon - remove"></i >
< i class ="glyphicon glyphicon - user"></i >
< i class ="glyphicon glyphicon - envelope"></i >
< i class ="glyphicon glyphicon - thumbs - up"></i >

</body> </html>

Result:

Previous

CSS Icons - Font Awesome

Next

CSS Icons - Google