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

Bootstrap Square Icon (Shape, Rectangle) Bootstrap Square Icon refers to a figure that has four straight sides of equal length and four 90-degree angles (right angles). This icon is also known as "bi bi-square" or "bi square". Square bootstrap icon also symbolizes shape, and rectangle.

Square 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 square to any element to add the icon. Bootstrap square Icon can be resized as per your need. You can manage size of icon(square) by using font-size css style.

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

How to add Bootstrap square Icon ?

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

Icon Code-

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

Square Icon Code | Customize color

You can get icon square 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 Square Icon Code