Bootstrap Icons

About Bootstrap Icons

This site is an original SVG icon library created to make icons easy to find, preview, copy and download. It currently holds 4200 original icons in 24 categories, and every number you see on the site is counted from the real dataset.

Unofficial project disclaimer

This site is not the official Bootstrap Icons project, and it is not affiliated with, endorsed by or sponsored by Bootstrap. No Bootstrap code, fonts, logos or SVG files are used. The icons, logo, code and written content are original to this project.

What this library is for

Designers and developers often need a quick, consistent set of icons for interfaces, dashboards, landing pages and prototypes. This library lets you search by keyword, preview an icon in your own colors, and take it away as an SVG file or a code snippet without creating an account.

How the icons are designed

Every icon is drawn on a 24 by 24 grid with a 1.75 stroke, rounded line caps and rounded joins. Strokes use currentColor, so an icon automatically takes the text color of the element around it. Each base symbol, such as a camera or a folder, is offered on its own and with small badge variations such as plus, check, lock or heart, so you can find the exact state an interface needs.

Design principles

  • Consistency: one grid, one stroke weight, one corner style.
  • Clarity: familiar metaphors that read well at small sizes.
  • Lightness: simple paths that keep files tiny.
  • Flexibility: single-color icons that fit any theme.

Tools included

You can search by name, tag or category, filter by category, sort the results and change the grid density. The detail panel lets you adjust size, icon color, background and stroke weight, then copy SVG, HTML, JSX or CSS, or download SVG and PNG files. Favorites are saved in your own browser.

Privacy by design

The site runs entirely in your browser from local files. Searching, previewing and favoriting do not require an account, and favorites never leave your device through this site's code.

Technology

The site uses plain HTML5, CSS3 and vanilla JavaScript with original SVG assets. There are no frameworks, build tools or external icon libraries, so it can be hosted on ordinary shared hosting.

Where to go next

Start with the icon browser, explore the categories, read the guides, or review the license page before using any icon in a project.