npm Installation
Install Bootstrap Icons via npm and import via CSS or individual SVG files in build-tool workflows.
Bootstrap
Intermediate
3 min read
Icons via npm and Build Tools
Example
# Install
npm install bootstrap-icons
// Import CSS in your entry file
import "bootstrap-icons/font/bootstrap-icons.min.css";
// Or reference in SCSS
@import "~bootstrap-icons/font/bootstrap-icons";
// Vite / webpack — auto-copies font files via CSS URL handling
// Individual SVG import (for tree-shaking in React/Vue)
import heartSvg from "bootstrap-icons/icons/heart.svg?raw"; Pro Tip
Importing the CSS file in your bundle will also copy the woff2 font files via CSS url() resolution.