How To Add Bootstrap Box Icon - HTML, CSS - Font Awesome Icons

Bootstrap Box Icon (Rectangular Box, Container) Bootstrap Box Icon refers to a square or rectangular container for solid objects. A box often has a lid. This icon is also known as "bi bi-box" or "bi box". This Bootstrap icon also symbolizes packet, package, and container.

Box Icon is given below. You can use this icon on the same way in your project. First make sure you have added Bootstrap Icon library. If this library is added just add the HTML css class box to any element to add the icon. Bootstrap box Icon can be resized as per your need. You can manage size of icon(box) by using font-size css style.

You can get steps to add HTML icon Box in Web, Bootstrap and Angular Bootstrap framwork.

How to add Bootstrap box Icon ?

Bootstrap Icon box Icon can be added to any web page simply as below.

Icon Code-

<span class="bi bi-box"></span> Try it Now

Box Icon Code | Customize color

You can get icon box in blue, white, red color and transparent color from below list. You can also customize color using color picker.

Advance Editor

fontawesomeicons.com Fullscreen
  • Italian Trulli
  • Italian Trulli
  • Italian Trulli

Size

Opacity

Stroke

Italian Trulli Box Shadow Icon Shadow Outline Shapes Filled Shapes

X offset

Y offset

Blur

Từ khóa » Html Css Icon Box