Search results
Bootstrap Icons. Free, high quality, open source icon library with over 2,000 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts. Use them with or without Bootstrap in any project. npm i bootstrap-icons. Open in Figma. Currently v1.11.3 • Icons • Icon Sprite • Install • Usage • Styling • Accessibility • GitHub repo. Icons.
The icon link helper component modifies our default link styles to enhance their appearance and quickly align any pairing of icon and text. Alignment is set via inline flexbox styling and a default gap value. We stylize the underline with a custom offset and color. Icons are automatically sized to 1em to best match their associated text’s ...
The simplest way to include Bootstrap icons in a web page is using the CDN link. This CDN link basically points to a remote CSS file that includes all the necessary classes to generate font icons.
Bootstrap 3 Icons Below is a list of all Bootstrap 3 Glyphicons. Note: Glyphicons are not supported in Bootstrap 4. For more information about Bootstrap 3 and Glyphicons, visit our Bootstrap 3 Tutorial.
The recommended CDN for Bootstrap , Font Awesome , Bootswatch and Bootstrap Icons.
Inline text. Example link text. Button. Button. Button. Official open source SVG icon library for Bootstrap.
While Bootstrap doesn’t include an icon set by default, we do have our own comprehensive icon library called Bootstrap Icons. Feel free to use them or any other icon set in your project. We’ve included details for Bootstrap Icons and other preferred icon sets below.
Bootstrap 4 does not have its own icon library ( Glyphicons from Bootstrap 3 are not supported in BS4). However, there are many free icon libraries to choose from, such as Font Awesome and Google Material Design Icons.
Optimize our SVGs with SVGO. Modify the SVGs source HTML, removing all attributes before setting new attributes and values in our preferred order. Use npm run icons to run the script, run npm run pages to build permalink pages, complete those pages, and, finally, commit the results in a new branch for updating.
The icon link helper component modifies our default link styles to enhance their appearance and quickly align any pairing of icon and text. Alignment is set via inline flexbox styling and a default gap value. We stylize the underline with a custom offset and color. Icons are automatically sized to 1em to best match their associated text’s ...
