Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
1

Bootstrap Icons -- use with or without Bootstrap

Community Expert ,
Dec 20, 2022 Dec 20, 2022

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.

https://icons.getbootstrap.com/

 

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!

 

Nancy O'Shea— Product User, Community Expert & Moderator
TOPICS
Bootstrap , How to
296
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
LEGEND ,
Dec 21, 2022 Dec 21, 2022

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Dec 21, 2022 Dec 21, 2022
LATEST
quote

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


By osgood_

BenPleysier_1-1671623026865.pngexpand image

 



 

Wappler is the DMXzone-made Dreamweaver replacement and includes the best of their powerful extensions, as well as much more!
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines