Bootstrap 4 Icons - Search
Open links in new tab
  1. Bootstrap Icons
    https://icons.getbootstrap.com
    Bootstrap Icons · Official open source SVG icon library for Bootstrap
    WEB
    Bootstrap Icons offers over 2,000 icons in various styles and formats that you can use in any web project. Search for icons by name, category, or keyword and download them as SVGs, …
    Person
    Person - Bootstrap Icons · Official open source SVG icon library for Bootstrap
    Arrow-Right
    Arrow-Right - Bootstrap Icons · Official open source SVG icon library for Bootst…
    Check-Circle
    Check-Circle - Bootstrap Icons · Official open source SVG icon library for Bootst…
    Envelope
    Envelope - Bootstrap Icons · Official open source SVG icon library for Bootstrap
    Twitter
    Twitter - Bootstrap Icons · Official open source SVG icon library for Bootstrap
    LinkedIn
    LinkedIn - Bootstrap Icons · Official open source SVG icon library for Bootstrap
    Icons · Bootstrap v4.5
    Learn how to use Bootstrap Icons, a set of open source SVGs, and other external icon libraries with Bootstrap. Find links to download, customize, and integrate icons with Bootstrap components and …
    Bootstrap · https://getbootstrap.com/docs/4.5/…
    What is Bootstrap icons?
    Say hello to Bootstrap Icons, our very first icon set that’s designed entirely by our team and open sourced for everyone to use, with or without Bootstrap. It’s still in alpha, but we’re incredibly excited to share it with y’all ahead of our v5 alpha.
    blog.getbootstrap.com
    Feedback
     
    Kizdar net | Kizdar net | Кыздар Нет
  1. 123

    Bootstrap 4 does not come with its own icon library, unlike Bootstrap 3 which included Glyphicons. However, there are several free and popular icon libraries that you can use with Bootstrap 4, such as Font Awesome and Google Material Design Icons12.

    Using Font Awesome Icons

    To use Font Awesome icons in your Bootstrap 4 project, you need to include the Font Awesome CSS file in your HTML. You can do this by adding the following <link> tag in the <head> section of your HTML file:

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">

    Once you have included the Font Awesome CSS file, you can use any Font Awesome icon by adding the appropriate class to an HTML element, such as <i> or <span>. Here are some examples:

    <i class="fas fa-cloud"></i>
    <i class="fas fa-coffee"></i>
    <i class="fas fa-car"></i>
    <i class="fas fa-file"></i>
    <i class="fas fa-bars"></i>
    Was this helpful?

    See results from:

     
  2. Bootstrap
    https://getbootstrap.com/docs/4.5/exte…

    Icons · Bootstrap v4.5

    Learn how to use Bootstrap Icons, a set of open source SVGs, and other external icon libraries with Bootstrap. Find links to download, customize, and integrate icons with Bootstrap components and documentation.

     
  3. W3School
    https://www.w3schools.com/bootstrap4/bootstrap_icons.asp

    Bootstrap 4 Icons - W3Schools

  4. Bootstrap
    https://getbootstrap.com/docs/4.4/extend/icons

    Icons - Bootstrap

  5. MDB - Material Design for Bootstrap
    https://mdbootstrap.com/.../content-styl…

    Bootstrap Icons - free examples & tutorial

    Learn how to use over 1,500 responsive icons for Bootstrap 5 with CSS prefixes, sizes, and fixed widths. Search for icons by name or browse the library of well …

    • Estimated Reading Time: 1 min
    • BootstrapCDN
      https://www.bootstrapcdn.com/bootstra…

      Bootstrap Icons · BootstrapCDN

      Bootstrap Icons. Click to copy. The recommended CDN for Bootstrap Icons.

    • People also ask
      Does bootstrap have an icon library?
      Bootstrap doesn’t include an icon library by default, but we have a handful of recommendations for you to choose from. While most icon sets include multiple file formats, we prefer SVG implementations for their improved accessibility and vector support. We’ve tested and used these icon sets ourselves.

      Icons - Bootstrap

      getbootstrap.com
      How do I install bootstrap icons?
      To get started, install via npm: You can also download the release from GitHub, or download just the SVGs and fonts (without the rest of the repository files). For the Figma users out there, you can also snag the icons from Figma. Say hello to over 60 new icons with Bootstrap Icons v1.3.0!

      Bootstrap Icons v1.3.0

      blog.getbootstrap.com
      What is Bootstrap icons?
      Say hello to Bootstrap Icons, our very first icon set that’s designed entirely by our team and open sourced for everyone to use, with or without Bootstrap. It’s still in alpha, but we’re incredibly excited to share it with y’all ahead of our v5 alpha.

      Introducing Bootstrap Icons

      blog.getbootstrap.com
      Is there an icon list in Bootstrap 4 based on jQuery?
      Above is an example template for an Icon list in the Bootstrap 4 version based on jQuery. V4 is an older version of Bootstrap and we discourage implementing it in new projects. Below you will find the same component but in the latest, more modern Bootstrap 5.

      Bootstrap 4 Icon list - free examples, templates & tutorial

      mdbootstrap.com
      How do I use icon fonts in Bootstrap?
      Icon fonts with classes for every icon are also included for Bootstrap Icons. Include the icon web fonts in your page via CSS, then reference the class names as needed in your HTML (e.g., <i class="bi-alarm-clock"></i>). Use font-size and color to change the icon appearance.

      Bootstrap Icons · Official open source SVG icon library for Bootstrap

      icons.getbootstrap.com
      How to add icons in project using bootstrap?
      GeeksforGeeks How to add icons in project using Bootstrap ? Adding icons in a Bootstrap project involves linking the Bootstrap CDN, and then applying Bootstrap’s icon classes within HTML elements to embed icons, enhancing both visual aesthetics and functionality effortlessly.

      How to add icons in project using Bootstrap - GeeksforGeeks

      geeksforgeeks.org
      Feedback
    • Bootstrap Blog
      https://blog.getbootstrap.com/2021/01/…

      Bootstrap Icons v1.3.0

      Jan 7, 2021 · Learn about the latest update of Bootstrap Icons, a collection of over 60 icons in SVG and font formats. Find out how to use them via CDN, npm, or Figma, and see the new icons added in v1.3.0.

    • Bootstrap Blog
      https://blog.getbootstrap.com/2019/11/26/bootstrap-icons

      Introducing Bootstrap Icons

    • Bootstrap Icons
      https://icons.getbootstrap.com/icons/list

      List - Bootstrap Icons

    • Bootstrap Blog
      https://blog.getbootstrap.com/2021/03/29/bootstrap-icons-1-4-1

      Bootstrap Icons v1.4.1

    • Font Awesome
      https://fontawesome.bootstrapcheatsheets.com

      Font Awesome v.4.7.0 | Bootstrap Cheat Sheets

    • W3School
      https://www.w3schools.com/bootstrap4/tryit.asp?...

      W3Schools Tryit Editor

    • Bootstrap Icons
      https://icons.getbootstrap.com/icons/collection

      Collection - Bootstrap Icons

    • npm
      https://www.npmjs.com/package/bootstrap-icons

      bootstrap-icons - npm

    • MDB - Material Design for Bootstrap
      https://mdbootstrap.com/docs/standard/extended/bootstrap4-icon-list

      Bootstrap 4 Icon list - free examples, templates & tutorial

    • Font Awesome
      https://fontawesome.com/v4.7.0/icons

      The Icons - Font Awesome

    • Bootstrap
      https://getbootstrap.com/docs/5.2/extend/icons

      Icons · Bootstrap v5.2

    • GeeksForGeeks
      https://www.geeksforgeeks.org/how-to-add-icons-in...

      How to add icons in project using Bootstrap - GeeksforGeeks

    • Bootsnipp
      https://bootsnipp.com/tags/icons/4

      Bootstrap 4 Icons Examples - Bootsnipp.com

    • Some results have been removed