Bootstrap Icons - Documentation | Front - Multipurpose Responsive Template

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="../node_modules/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.

Preview
HTML

              
                <i class="bi-star"></i>
                <i class="bi-check"></i>
                <i class="bi-archive"></i>
                <i class="bi-basket"></i>
                <i class="bi-app-indicator"></i>
                <i class="bi-bell"></i>