Bootstrap Icons -- use with or without Bootstrap

When Bootstrap first released it came with Glyphicons (SVG icons). Later, Glyphicons were removed.

Icons have made a comeback. These are open source and free to use either with or without Bootstrap.

Typical usage:

Add this to your <head> tag.

<!--Bootstrap Icons-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.2/font/bootstrap-icons.css">

Standard syntax for an alarm clock icon:

<i class="bi-alarm"></i>

Styled with inline CSS:

<i class="bi-alarm" style="font-size: 2rem; color: cornflowerblue;"></i>

Have fun!

This topic has been closed for replies.

Brainiac

Bootstrap icons, used independently of the Bootstrap framework, are the only offering from Bootstrap l would consider using.

Community Expert

Bootstrap icons, used independently of the Bootstrap framework, are the only offering from Bootstrap l would consider using.

By @osgood_

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!

Sign up