Package Exports

bootstrap-icons/icons/alarm-fill.svg
bootstrap-icons/icons/alarm.svg
bootstrap-icons/icons/archive-fill.svg
bootstrap-icons/icons/archive.svg
bootstrap-icons/icons/arrow-bar-left.svg
bootstrap-icons/icons/arrow-bar-right.svg
bootstrap-icons/icons/arrow-bar-up.svg
bootstrap-icons/icons/arrow-clockwise.svg
bootstrap-icons/icons/arrow-counterclockwise.svg
bootstrap-icons/icons/arrow-down-left.svg
bootstrap-icons/icons/arrow-down-right.svg
bootstrap-icons/icons/arrow-down-short.svg
bootstrap-icons/icons/arrow-down.svg
bootstrap-icons/icons/arrow-left-right.svg
bootstrap-icons/icons/arrow-left-short.svg
bootstrap-icons/icons/arrow-left.svg
bootstrap-icons/icons/arrow-repeat.svg
bootstrap-icons/icons/arrow-right-short.svg
bootstrap-icons/icons/arrow-right.svg
bootstrap-icons/icons/arrow-up-down.svg
bootstrap-icons/icons/arrow-up-left.svg
bootstrap-icons/icons/arrow-up-right.svg
bootstrap-icons/icons/arrow-up-short.svg
bootstrap-icons/icons/arrow-up.svg
bootstrap-icons/icons/arrows-angle-contract.svg
bootstrap-icons/icons/arrows-angle-expand.svg
bootstrap-icons/icons/arrows-collapse.svg
bootstrap-icons/icons/arrows-expand.svg
bootstrap-icons/icons/arrows-fullscreen.svg
bootstrap-icons/icons/at.svg
bootstrap-icons/icons/award.svg
bootstrap-icons/icons/backspace-fill.svg
bootstrap-icons/icons/backspace-reverse-fill.svg
bootstrap-icons/icons/backspace-reverse.svg
bootstrap-icons/icons/backspace.svg
bootstrap-icons/icons/bar-chart-fill.svg
bootstrap-icons/icons/bar-chart.svg
bootstrap-icons/icons/battery-charging.svg
bootstrap-icons/icons/battery-full.svg
bootstrap-icons/icons/battery.svg
bootstrap-icons/icons/bell-fill.svg
bootstrap-icons/icons/bell.svg
bootstrap-icons/icons/blockquote-left.svg
bootstrap-icons/icons/blockquote-right.svg
bootstrap-icons/icons/book.svg
bootstrap-icons/icons/bookmark-fill.svg
bootstrap-icons/icons/bookmark.svg
bootstrap-icons/icons/bootstrap-fill.svg
bootstrap-icons/icons/bootstrap-reboot.svg
bootstrap-icons/icons/bootstrap.svg
bootstrap-icons/icons/box-arrow-down.svg
bootstrap-icons/icons/box-arrow-left.svg
bootstrap-icons/icons/box-arrow-right.svg
bootstrap-icons/icons/box-arrow-up-left.svg
bootstrap-icons/icons/box-arrow-up-right.svg
bootstrap-icons/icons/box-arrow-up.svg
bootstrap-icons/icons/braces.svg
bootstrap-icons/icons/brightness-high.svg
bootstrap-icons/icons/brightness-low.svg
bootstrap-icons/icons/brush.svg
bootstrap-icons/icons/bucket-fill.svg
bootstrap-icons/icons/bucket.svg
bootstrap-icons/icons/building.svg
bootstrap-icons/icons/bullseye.svg
bootstrap-icons/icons/calendar-fill.svg
bootstrap-icons/icons/calendar.svg
bootstrap-icons/icons/camera-video-fill.svg
bootstrap-icons/icons/camera-video.svg
bootstrap-icons/icons/camera.svg
bootstrap-icons/icons/capslock-fill.svg
bootstrap-icons/icons/capslock.svg
bootstrap-icons/icons/chat-fill.svg
bootstrap-icons/icons/chat.svg
bootstrap-icons/icons/check-box.svg
bootstrap-icons/icons/check-circle.svg
bootstrap-icons/icons/check.svg
bootstrap-icons/icons/chevron-compact-down.svg
bootstrap-icons/icons/chevron-compact-left.svg
bootstrap-icons/icons/chevron-compact-right.svg
bootstrap-icons/icons/chevron-compact-up.svg
bootstrap-icons/icons/chevron-down.svg
bootstrap-icons/icons/chevron-left.svg
bootstrap-icons/icons/chevron-right.svg
bootstrap-icons/icons/chevron-up.svg
bootstrap-icons/icons/circle-fill.svg
bootstrap-icons/icons/circle-half.svg
bootstrap-icons/icons/circle.svg
bootstrap-icons/icons/clock-fill.svg
bootstrap-icons/icons/clock.svg
bootstrap-icons/icons/cloud-download.svg
bootstrap-icons/icons/cloud-fill.svg
bootstrap-icons/icons/cloud-upload.svg
bootstrap-icons/icons/cloud.svg
bootstrap-icons/icons/code-slash.svg
bootstrap-icons/icons/code.svg
bootstrap-icons/icons/columns.svg
bootstrap-icons/icons/command.svg
bootstrap-icons/icons/compass.svg
bootstrap-icons/icons/cone-striped.svg
bootstrap-icons/icons/cone.svg
bootstrap-icons/icons/controller.svg
bootstrap-icons/icons/credit-card.svg
bootstrap-icons/icons/cursor-fill.svg
bootstrap-icons/icons/cursor.svg
bootstrap-icons/icons/dash.svg
bootstrap-icons/icons/diamond-half.svg
bootstrap-icons/icons/diamond.svg
bootstrap-icons/icons/display-fill.svg
bootstrap-icons/icons/display.svg
bootstrap-icons/icons/dot.svg
bootstrap-icons/icons/download.svg
bootstrap-icons/icons/egg-fried.svg
bootstrap-icons/icons/eject-fill.svg
bootstrap-icons/icons/eject.svg
bootstrap-icons/icons/envelope-fill.svg
bootstrap-icons/icons/envelope-open-fill.svg
bootstrap-icons/icons/envelope-open.svg
bootstrap-icons/icons/envelope.svg
bootstrap-icons/icons/eye-fill.svg
bootstrap-icons/icons/eye-slash-fill.svg
bootstrap-icons/icons/eye-slash.svg
bootstrap-icons/icons/eye.svg
bootstrap-icons/icons/filter.svg
bootstrap-icons/icons/flag-fill.svg
bootstrap-icons/icons/flag.svg
bootstrap-icons/icons/folder-fill.svg
bootstrap-icons/icons/folder-symlink-fill.svg
bootstrap-icons/icons/folder-symlink.svg
bootstrap-icons/icons/folder.svg
bootstrap-icons/icons/fonts.svg
bootstrap-icons/icons/forward-fill.svg
bootstrap-icons/icons/forward.svg
bootstrap-icons/icons/gear-fill.svg
bootstrap-icons/icons/gear-wide-connected.svg
bootstrap-icons/icons/gear-wide.svg
bootstrap-icons/icons/gear.svg
bootstrap-icons/icons/geo.svg
bootstrap-icons/icons/graph-down.svg
bootstrap-icons/icons/graph-up.svg
bootstrap-icons/icons/grid-fill.svg
bootstrap-icons/icons/grid.svg
bootstrap-icons/icons/hammer.svg
bootstrap-icons/icons/hash.svg
bootstrap-icons/icons/heart-fill.svg
bootstrap-icons/icons/heart.svg
bootstrap-icons/icons/house-fill.svg
bootstrap-icons/icons/house.svg
bootstrap-icons/icons/image-alt.svg
bootstrap-icons/icons/image-fill.svg
bootstrap-icons/icons/image.svg
bootstrap-icons/icons/images.svg
bootstrap-icons/icons/inbox-fill.svg
bootstrap-icons/icons/inbox.svg
bootstrap-icons/icons/inboxes-fill.svg
bootstrap-icons/icons/inboxes.svg
bootstrap-icons/icons/info-square-fill.svg
bootstrap-icons/icons/info-square.svg
bootstrap-icons/icons/info.svg
bootstrap-icons/icons/justify-left.svg
bootstrap-icons/icons/justify-right.svg
bootstrap-icons/icons/justify.svg
bootstrap-icons/icons/kanban-fill.svg
bootstrap-icons/icons/kanban.svg
bootstrap-icons/icons/laptop.svg
bootstrap-icons/icons/layout-sidebar-reverse.svg
bootstrap-icons/icons/layout-sidebar.svg
bootstrap-icons/icons/layout-split.svg
bootstrap-icons/icons/list-check.svg
bootstrap-icons/icons/list-ol.svg
bootstrap-icons/icons/list-task.svg
bootstrap-icons/icons/list-ul.svg
bootstrap-icons/icons/list.svg
bootstrap-icons/icons/lock-fill.svg
bootstrap-icons/icons/lock.svg
bootstrap-icons/icons/map.svg
bootstrap-icons/icons/mic.svg
bootstrap-icons/icons/moon.svg
bootstrap-icons/icons/music-player-fill.svg
bootstrap-icons/icons/music-player.svg
bootstrap-icons/icons/option.svg
bootstrap-icons/icons/outlet.svg
bootstrap-icons/icons/pause-fill.svg
bootstrap-icons/icons/pause.svg
bootstrap-icons/icons/pen.svg
bootstrap-icons/icons/pencil.svg
bootstrap-icons/icons/people-fill.svg
bootstrap-icons/icons/people.svg
bootstrap-icons/icons/person-fill.svg
bootstrap-icons/icons/person.svg
bootstrap-icons/icons/phone-landscape.svg
bootstrap-icons/icons/phone.svg
bootstrap-icons/icons/pie-chart-fill.svg
bootstrap-icons/icons/pie-chart.svg
bootstrap-icons/icons/play-fill.svg
bootstrap-icons/icons/play.svg
bootstrap-icons/icons/plug.svg
bootstrap-icons/icons/plus.svg
bootstrap-icons/icons/power.svg
bootstrap-icons/icons/question-square-fill.svg
bootstrap-icons/icons/question-square.svg
bootstrap-icons/icons/question.svg
bootstrap-icons/icons/reply-all-fill.svg
bootstrap-icons/icons/reply-all.svg
bootstrap-icons/icons/reply-fill.svg
bootstrap-icons/icons/reply.svg
bootstrap-icons/icons/screwdriver.svg
bootstrap-icons/icons/search.svg
bootstrap-icons/icons/shield-fill.svg
bootstrap-icons/icons/shield-lock-fill.svg
bootstrap-icons/icons/shield-lock.svg
bootstrap-icons/icons/shield-shaded.svg
bootstrap-icons/icons/shield.svg
bootstrap-icons/icons/shift-fill.svg
bootstrap-icons/icons/shift.svg
bootstrap-icons/icons/skip-backward-fill.svg
bootstrap-icons/icons/skip-backward.svg
bootstrap-icons/icons/skip-end-fill.svg
bootstrap-icons/icons/skip-end.svg
bootstrap-icons/icons/skip-forward-fill.svg
bootstrap-icons/icons/skip-forward.svg
bootstrap-icons/icons/skip-start-fill.svg
bootstrap-icons/icons/skip-start.svg
bootstrap-icons/icons/speaker.svg
bootstrap-icons/icons/square-fill.svg
bootstrap-icons/icons/square-half.svg
bootstrap-icons/icons/square.svg
bootstrap-icons/icons/star-fill.svg
bootstrap-icons/icons/star-half.svg
bootstrap-icons/icons/star.svg
bootstrap-icons/icons/stop-fill.svg
bootstrap-icons/icons/stop.svg
bootstrap-icons/icons/stopwatch-fill.svg
bootstrap-icons/icons/stopwatch.svg
bootstrap-icons/icons/sun.svg
bootstrap-icons/icons/table.svg
bootstrap-icons/icons/tablet-landscape.svg
bootstrap-icons/icons/tablet.svg
bootstrap-icons/icons/tag-fill.svg
bootstrap-icons/icons/tag.svg
bootstrap-icons/icons/terminal-fill.svg
bootstrap-icons/icons/terminal.svg
bootstrap-icons/icons/text-center.svg
bootstrap-icons/icons/text-indent-left.svg
bootstrap-icons/icons/text-indent-right.svg
bootstrap-icons/icons/text-left.svg
bootstrap-icons/icons/text-right.svg
bootstrap-icons/icons/three-dots-vertical.svg
bootstrap-icons/icons/three-dots.svg
bootstrap-icons/icons/toggle-off.svg
bootstrap-icons/icons/toggle-on.svg
bootstrap-icons/icons/toggles.svg
bootstrap-icons/icons/tools.svg
bootstrap-icons/icons/trash-fill.svg
bootstrap-icons/icons/trash.svg
bootstrap-icons/icons/triangle-fill.svg
bootstrap-icons/icons/triangle-half.svg
bootstrap-icons/icons/triangle.svg
bootstrap-icons/icons/trophy.svg
bootstrap-icons/icons/tv-fill.svg
bootstrap-icons/icons/tv.svg
bootstrap-icons/icons/type-bold.svg
bootstrap-icons/icons/type-h1.svg
bootstrap-icons/icons/type-h2.svg
bootstrap-icons/icons/type-h3.svg
bootstrap-icons/icons/type-italic.svg
bootstrap-icons/icons/type-strikethrough.svg
bootstrap-icons/icons/type-underline.svg
bootstrap-icons/icons/type.svg
bootstrap-icons/icons/unlock-fill.svg
bootstrap-icons/icons/unlock.svg
bootstrap-icons/icons/upload.svg
bootstrap-icons/icons/volume-down-fill.svg
bootstrap-icons/icons/volume-down.svg
bootstrap-icons/icons/volume-mute-fill.svg
bootstrap-icons/icons/volume-mute.svg
bootstrap-icons/icons/volume-up-fill.svg
bootstrap-icons/icons/volume-up.svg
bootstrap-icons/icons/wallet.svg
bootstrap-icons/icons/watch.svg
bootstrap-icons/icons/wifi.svg
bootstrap-icons/icons/window.svg
bootstrap-icons/icons/wrench.svg
bootstrap-icons/icons/x-circle-fill.svg
bootstrap-icons/icons/x-circle.svg
bootstrap-icons/icons/x-octagon-fill.svg
bootstrap-icons/icons/x-octagon.svg
bootstrap-icons/icons/x-square-fill.svg
bootstrap-icons/icons/x-square.svg
bootstrap-icons/icons/x.svg

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (bootstrap-icons) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Bootstrap Icons

Official open source SVG icon library for Bootstrap.
Explore Bootstrap Icons »

Bootstrap · Themes · Blog

200+ icons

Bootstrap Icons full set

Also available in Figma.

Install

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

Development

Clone the repo, install dependencies, and start the Hugo server locally.

git clone https://github.com/twbs/icons/
cd icons
npm i
npm start

Then open http://localhost:4000 in your browser.

Adding SVGs

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.

Use npm run icons to run the script, then commit the results in a new branch for updating.

Publishing

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

License

MIT

Author

@mdo