Bootstrap Icons are packaged up and published to npm. We only include the processed SVGs in this package—it's up to you and your team to implement. Read our docs at for usage instructions.
npm i bootstrap-icons --save
Clone the repo, install dependencies, and start the Hugo server locally.
git clone https://github.com/twbs/icons/ cd icons npm i npm start
http://localhost:4000 in your browser.
Once a new SVG icon has been added to the
icons directory, you'll need to optimize them. An npm script is used to:
- Optimize our SVGs with SVGO.
- Modify the SVGs source HTML, removing all attributes before setting new attributes and values in our preferred order.
npm run icons to run the script, then commit the results in a new branch for updating.
Docs are published via an npm script that builds the Hugo site, creates a temporary Git repo, and force pushes that to our
gh-pages branch. This circumvents issues with GitHub Pages not working with Hugo.
npm run publish