Bootstrap Icons
Free, high quality, open source icon library with 1,800+ icons. Use them with or without Bootstrap in any project.
Browse All 1,800+ IconsUsage
Bootstrap Icons are SVG-based and can be included via <i> tags with the appropriate class.
<i class="bi bi-alarm"></i>
<i class="bi bi-heart-fill text-danger"></i>
<i class="bi bi-star-fill text-warning"></i>
<i class="bi bi-check-circle-fill text-success"></i>Icon Sizing
Control icon size with font-size utilities or custom CSS.
<i class="bi bi-heart-fill" style="font-size: 1rem;"></i>
<i class="bi bi-heart-fill" style="font-size: 2rem;"></i>
<i class="bi bi-heart-fill" style="font-size: 3rem;"></i>Using Bootstrap Font Size Classes
<i class="bi bi-star-fill fs-1"></i>
<i class="bi bi-star-fill fs-2"></i>
<i class="bi bi-star-fill fs-3"></i>Icon Colors
Use Bootstrap's text color utilities to change icon colors.
<i class="bi bi-circle-fill text-primary"></i>
<i class="bi bi-circle-fill text-success"></i>
<i class="bi bi-circle-fill text-danger"></i>Actions
Common action icons for user interactions and commands.
Arrows
Directional arrows, chevrons, and navigation indicators.
Users
People, user profiles, and social interaction icons.
Communication
Email, messaging, and communication-related icons.
Media
Files, folders, images, audio, and video icons.
Devices
Technology devices, hardware, and connectivity icons.
Commerce
Shopping, payments, and e-commerce icons.
Weather
Weather conditions, nature, and environmental icons.
UI Elements
Interface components, layouts, and control icons.
Status
Status indicators, alerts, and notification icons.
Charts
Data visualization, analytics, and reporting icons.
Development
Programming, coding, and developer tool icons.
Brands
Technology brands and company logos.
Social
Popular social media platform icons.