Bootstrap Icons

Free, high quality, open source icon library with over 1,300 icons. Include them anyway you like—SVGs, SVG sprite, or web fonts.

Official Bootstrap Icon page

How to use

Place this code, which contains everything you need, within the <head> of each template or page that you want to use Icon set on.

        
        <link rel="stylesheet" href="../assets/vendor/bootstrap-icons/font/bootstrap-icons.css">

You need to know two icon name, prefixed with bi-

        
          <i class="bi-house"></i>

Usage

Bootstrap Icons are SVGs, so you can include them into your HTML in a few ways depending on how your project is setup. Bootstrap Icons include a width and height of 1em by default to allow for easy resizing via font-size.

Examples

Check out all available icons here

Use font-size and color to change the icon appearance.