cssbootstrap-icons

How can I use code point of Bootstrap Icons?


Summary of the problem

The following image is a description of bootstrap icon.

I don't know how to use "Code point".


Solution

  • For Using HTML code point, All you need is just set the the font-family of your element(or your body) to 'Bootstrap-icons' and then everything will work.

    <!DOCTYPE html>
    <html>
    
      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css">
      <style>
        .test
        {
          font-family:'Bootstrap-icons';
        }
    </style>
      <body>
        <div class="test">
          &#xF120
        </div>
      </body>
    </html>