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

Bootstrap Icons -- use with or without Bootstrap

Community Expert ,
Dec 20, 2022 Dec 20, 2022

Copy link to clipboard

Copied

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
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media
TOPICS
Bootstrap , How to

Views

126

Translate

Translate

Report

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

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

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

Copy link to clipboard

Copied

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.png

 



 

Wappler, the only real Dreamweaver alternative.

Votes

Translate

Translate

Report

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