Bootstrap Icons is a library of scalable vector icons that can be easily integrated into web projects. These icons are designed by Mark Otto (@mdo) and are maintained by the Bootstrap Team, a group of developers who are responsible for developing the popular front-end framework Bootstrap. The library contains over 1,500 icons in various categories such as accessibility, arrows, communication, controls, and more. All of the icons are provided in SVG (Scalable Vector Graphics) format, which means they can be scaled up or down without losing quality. This makes them ideal for use on websites, mobile apps, or any other digital platform. One of the main advantages of using Bootstrap Icons is that they are easy to customize. The icons can be colorized, resized, or styled with CSS to match the design of the website or application. In addition, the library is regularly updated with new icons and features, making it a valuable resource for web developers. Bootstrap Icons can be downloaded directly from the official website or through package managers such as NPM or Yarn. They can also be integrated into projects that use Bootstrap, providing an even more seamless experience. Overall, Bootstrap Icons is a versatile and constantly evolving resource that provides web developers with high-quality, customizable icons that can enhance the user experience of their projects.
V1.2.0Find leads based on open job vacancies
Get started28,610 Companies using Bootstrap Icons
Want to download the entire list?
Enter your email and download the entire list of 28,610+ companies
Alternatives to Bootstrap Icons
Thera are a total of 16 alternatives available for Bootstrap Icons
How to use Bootstrap Icons
Bootstrap Icons is a comprehensive library of high-quality SVG icons that you can easily integrate into your web projects. Developed and maintained by the Bootstrap team, these icons are designed to work seamlessly with Bootstrap components and are customizable to fit your specific needs.
To use Bootstrap Icons in your project, the first step is to download the icon library from their official website. Once downloaded, you can include the necessary files in your HTML template using the appropriate link or script tags. Alternatively, you can also install Bootstrap Icons via npm or other package managers.
After installing the library, you can start using the icons in your project by referencing their respective class names in your HTML markup. For example, to add a search icon to your search bar, you can use the "bi-search" class provided by Bootstrap Icons:
<input type="text" placeholder="Search"> <i class="bi bi-search"></i>
The "bi" prefix in the class name refers to the Bootstrap Icons namespace, followed by the actual name of the icon (in this case, "search"). You can find a complete list of available icons on the Bootstrap Icons documentation page, along with their corresponding class names.
In addition to using the default icon styles, you can also customize the appearance of the icons using CSS. You can change the color, size, and other properties of the icons by adding custom CSS rules to your stylesheet. For example, to change the color of the search icon to blue, you can use the following code:
.bi-search { color: blue; }
Bootstrap Icons also provides several utility classes that you can use to modify the size and style of the icons. For instance, you can use the "bi-lg" class to increase the size of an icon, or the "bi-spin" class to add a spinning animation to it.
Overall, using Bootstrap Icons is a straightforward process that requires minimal setup and configuration. By leveraging this library of high-quality SVG icons, you can enhance the visual appeal and functionality of your web projects while maintaining a consistent design language.
Make your sales data-driven.
Website's technology stack, including its CMS, ecommerce platform, and payment processor, along with details about the industry, company and its contacts.
GDPR Compliant
CCPA Compliant
SOC2 Compliant
