icons
Official open source SVG icon library for Bootstrap.
The official Bootstrap icon library with over 2,000 free SVG icons you can drop into any website via HTML, CSS, npm, or Composer, designed for consistency and easy styling.
Bootstrap Icons is the official icon library from the Bootstrap team, containing over 2,000 open-source SVG icons. These are simple, scalable graphics you can drop into a website to represent common actions, objects, and concepts, things like arrows, envelopes, charts, checkmarks, and hundreds of others.
You can add the icons to a project in several ways: paste the SVG code directly into your HTML, reference them as image files, load them as a sprite sheet, or pull them in through CSS. The package is available through npm for JavaScript projects and through Composer for PHP projects. A Figma file is also available for designers who want to work with the icons before writing code.
The icons are designed on a 16x16 pixel grid and exported as flat SVG files without strokes, which keeps them consistent and easy to style with CSS. New icons are first sketched in Figma, then run through an optimization script that cleans up the SVG code before they are committed to the repository.
The library is maintained by the Bootstrap core team and licensed under MIT, so you can use the icons freely in personal and commercial projects. Documentation and a searchable icon browser are available at the Bootstrap Icons website.
Where it fits
- Add a checkmark, envelope, or arrow icon to any web page by pasting a single SVG snippet into your HTML.
- Pull the full icon set into a JavaScript project via npm and import only the icons you need.
- Style icon colors and sizes purely with CSS without editing the SVG files.
- Browse and pick icons in Figma using the official Figma file before writing any code.