What Bootstrap is
Bootstrap Icons is the official icon set for the Bootstrap framework, built by the Bootstrap team. The 2,090 icons are drawn on a 16×16 grid — tighter than the 24×24 used by most libraries — which makes them pair naturally with Bootstrap's default typography and compact control sizing.
The set deliberately spans multiple treatments: some icons are filled, some are outline, and some mix both within a single glyph. That is a conscious trade-off. Bootstrap optimised for immediate legibility at small sizes rather than strict stylistic uniformity across the set.
IconStash indexes the complete Bootstrap Icons collection. You can search it alongside 27 other libraries, preview any icon at any size and colour, and export SVG, PNG, React JSX, Vue, CSS, or an SVG sprite without installing a package or creating an account.
React
npm install bootstrap-icons
The official package ships each icon as a tree-shakeable component, so bundlers only include the icons you actually import. Open any Bootstrap icon on IconStash and the Code tab shows that icon's exact import statement and JSX.
Plain SVG and other frameworks
You do not have to install anything. Every Bootstrap page lets you copy the raw SVG markup and paste it inline, which avoids a dependency entirely and gives you full control over colour, size, and stroke width.
IconStash also exports PNG at six sizes, Vue and CSS snippets, and SVG sprites — all generated in the browser from the original vector.
Good fit
Bootstrap-based projects, admin templates, and compact interfaces where icons sit next to 14px text and need to hold their own at 16px.
Consider alternatives
If you need strict visual consistency, the mixed fill and stroke treatment can look uneven next to Lucide or Feather. For a larger set with similar small-size optimisation, compare Octicons.
Licensing
MIT. The full set is free for commercial use, including the bundled brand and logo icons.
What is Bootstrap Icons?
Bootstrap Icons is the official icon set for the Bootstrap framework, built by the Bootstrap team. The 2,090 icons are drawn on a 16×16 grid — tighter than the 24×24 used by most libraries — which makes them pair naturally with Bootstrap's default typography and compact control sizing.
Is Bootstrap Icons free for commercial use?
Yes. Bootstrap Icons is released under the MIT license, which permits unrestricted commercial use, modification, and distribution. No attribution is required, though it is appreciated. This makes Bootstrap one of the safest icon libraries to use in commercial SaaS products, client work, and proprietary applications.
How do I use Bootstrap icons in React?
Install the package with npm install bootstrap-icons, then import icons as components. Every Bootstrap page on IconStash shows the exact import statement and usage snippet for that specific icon in the Code tab, so you can copy working code without checking the docs. Tree-shakeable packages mean your bundler only includes the icons you actually import.
Can I download Bootstrap icons as PNG?
Yes. Open any Bootstrap icon on IconStash and use the Download PNG button to export at 16, 32, 64, 128, 256, or 512 pixels. The PNG is generated client-side from the original vector, so it stays crisp at every size. You can also copy the raw SVG markup, export a React component, or build an SVG sprite without installing anything.
Why is the Bootstrap Icons grid 16×16 instead of 24×24?
Bootstrap Icons was designed to sit inline with Bootstrap's default text sizes, where a 24px icon would overwhelm 14px type. Drawing on a 16×16 grid keeps the icons optically matched to compact controls and labels. You can scale them to any size — they are vector — but the detail level is tuned for small rendering.
Are Bootstrap Icons stylistically consistent?
Less so than most sets, by design. Bootstrap mixes filled, outline, and combined treatments across the library, optimising each icon for clarity at 16px rather than enforcing one stroke style. If you need a strictly uniform set, Lucide or Feather will look more coherent.