Software Alternatives, Accelerators & Startups

Bootstrap Icons

Official open source SVG icon library for Bootstrap.

Bootstrap Icons Reviews and details

Screenshots and images

  • Bootstrap Icons Landing page
    Landing page //
    2023-03-01

Features & Specs

  1. Comprehensive Collection

    Bootstrap Icons offer a large library of icons, which covers most common types of user interface needs, making it convenient for developers who need a one-stop solution.

  2. Consistency

    Icons are designed to harmonize with Bootstrap's styling, ensuring a consistent look and feel with Bootstrap based projects.

  3. Open Source

    Bootstrap Icons are free to use and open source, which enhances accessibility for developers working on different types of projects.

  4. Ease of Use

    Bootstrap Icons are simple to implement, especially for those already using Bootstrap, as they integrate seamlessly into projects.

  5. SVG Support

    Icons are available as SVGs, providing scalability and flexibility in design without loss of quality.

Badges & Trophies

Promote Bootstrap Icons. You can add any of these badges on your website.

SaaSHub badge
Show embed code
SaaSHub badge
Show embed code

Videos

Bootstrap 5 Crash Course Tutorial #13 - Bootstrap Icons

Social recommendations and mentions

We have tracked the following product recommendations or mentions on various public social media platforms and blogs. They can help you see what people think about Bootstrap Icons and what they use it for.
  • Icons gem for Phlex
    When it comes to building sleek, interactive UIs, having access to a robust set of icons is essential. Over the last few weeks, I've been migrating one of my projects from ERBs to Phlex. During this process, I found myself frequently reaching for SVG icons from popular libraries like Heroicons, Bootstrap icons, and Flag icons. After some frustration with manual integration into a Shared::Icon Phlex component, I... - Source: dev.to / 7 months ago
  • How to create a Blazor app for WASM, Windows, Linux, macOS, iOS, Android
    In my previous Blazor project, I used Font Awesome icons and Google Fonts, but now I use embedded font files and Bootstrap Icons because I think they work better with Bootstrap 5. - Source: dev.to / 7 months ago
  • Modern Dropdown component HTML
    An icon to indicate the state of the dropdown (open or closed). Note that the svg used is adapted from Bootstrap icons. - Source: dev.to / 11 months ago
  • Show HN: LogoMVP – Generate quick, professional logos for your MVP
    Hey, great work! You could easily add the Bootstrap Icons library to this. And then perhaps the Noun Project. https://icons.getbootstrap.com/ https://thenounproject.com/. - Source: Hacker News / 9 months ago
  • My open source video editor made with Godot, editor layout progress + Roadmap
    Not sure if you already are using, but bootstrap has a lot of readymade icons for a project like this. Source: over 1 year ago
  • Merge your first Pull Request - Prepare for the Hacktoberfest 2023
    You can take the svg element from here. In the filter section type emoji and choose your desired emoji and copy the HTML. It will look like this. - Source: dev.to / over 1 year ago
  • How to Build A Reusable Dialog With Blazor and Plain Css
    💡 This step is optional, but I wanted to use an icon for the close dialog button, which you'll see in a minute, but if you want to follow along, head to https://icons.getbootstrap.com/ ,scroll all the way down, copy the CDN Link, and paste it in the head of index.html. - Source: dev.to / over 1 year ago
  • 5 Awesome GitHub Repositories To Contribute To!
    Bootstrap Icons are packaged up and published to npm. We only include the processed SVGs in this package—it's up to you and your team to implement. Read our docs for usage instructions. - Source: dev.to / about 2 years ago
  • How could I achieve the green active tab in CSS?
    Not to mention that FontAwesome went the commercial route and it's just silly to pay $100 per year for a collection of icons, considering that there are much better things available for free, such as Bootstrap Icons or Hero Icons. Source: about 2 years ago
  • Iconhunt: Search 150.000 free and open source icons
    Generally, I've always just stuck with whatever was the recommended set of icons (and the way to use them) with whatever front end solution I might have been working with. For example, for Bootstrap, they have their own icon set: https://icons.getbootstrap.com/ It's the same for something like PrimeVue, which sits on top of Vue: https://primevue.org/icons But at the same time it's really cool to be able to find... - Source: Hacker News / about 2 years ago
  • which website do you guys use for templates and icon repositories?
    Some common ones are https://fonts.google.com/icons or https://icons.getbootstrap.com/ and for industry specific we have our own library. Source: about 2 years ago
  • Assets #1 - definitions
    Now let’s define the asset for bootstrap5 Icons. Source: over 2 years ago
  • 10 FREE SVG Icon Libraries For Front-End Developers
    Bootstrap Icons: Official open source SVG icon library for Bootstrap. - Source: dev.to / over 2 years ago
  • Me again, removed the Frontend, speed is now crazy. Written in Go and the help of TailwindCSS. Optional with system and weather. Simple and easy!
    Weather and System icons from Bootstrap: Https://icons.getbootstrap.com/ Service icons are done myself.. I can recommend this: Https://github.com/walkxcode/Dashboard-Icons Good collection for a lot of icons. Source: over 2 years ago
  • Let's build a weather app with vite and react - part 3
    The Thermometer and Wind components are both images from react-bootstrap-icons, so if you want to use it, just install the lib and import the component you want. - Source: dev.to / over 2 years ago
  • Is there a plugin for automatically adding Bootstrap's SVGs like Emojis?
    You can add emojis via a window that allows you to scroll through emojis. Does the same exist for Bootstrap's icons? Source: almost 3 years ago
  • Open source icons
    From a developer standpoint, I've really liked BootStrap Icon's presentation of icons on their site, primarily the direct display of SVG code after clicking an icon, which allows easy pasting into a project. The mixed-use-case preview is also pretty nice. Just mentioning in case you'd want to take inspiration. Source: almost 3 years ago
  • Icon Webfont Libraries?
    Right now I'm using Bootstrap Icons (https://icons.getbootstrap.com/) with the Icon Font usage. For example:. Source: almost 3 years ago
  • What does this drop down icon called?
    Or check out the other free Bootstrap icons at https://icons.getbootstrap.com/. Source: about 3 years ago
  • Getting Started with Microsoft's FAST Element
    // using Bootstrap icons - https://icons.getbootstrap.com/ Const IconTemplate = (args: any) => ` ${args.label}">${args.default} `; Export const Icon: any = IconTemplate.bind({}); Icon.args = { default: "\"bi bi-search\">" };. - Source: dev.to / about 3 years ago
  • wovoui-icons: Bootstrap 5 icons in Vue 3
    Wovoui-icons are imported From Bootstrap 5 icons. There are almost 1522 icons. And in the future, if Bootstrap provides some more icons, those will be available too as soon as possible. - Source: dev.to / over 3 years ago

External sources with reviews and comparisons of Bootstrap Icons

7 Best Free Icon Libraries
The Bootstrap Icons package can be installed via npm or manually downloaded. There are several ways to include Bootstrap Icons on your site, depending on your setup:
Top FontAwesome alternatives to use on your websites
Everyone is familiar with Bootstrap for the most part. It is one of the most highly used HTML, CSS and JS libraries out today. But fewer people are aware of Bootstrap Icons, which feature over 1300 icons that can be used as SVG items or web fonts for free.

Do you know an article comparing Bootstrap Icons to other products?
Suggest a link to a post with product alternatives.

Suggest an article

Bootstrap Icons discussion

Log in or Post with

This is an informative page about Bootstrap Icons. You can review and discuss the product here. The primary details have not been verified within the last quarter, and they might be outdated. If you think we are missing something, please use the means on this page to comment or suggest changes. All reviews and comments are highly encouranged and appreciated as they help everyone in the community to make an informed choice. Please always be kind and objective when evaluating a product and sharing your opinion.