fa-border

The fa-border class is used to place a border around an icon. For additional control there are CSS custom properties associated with the border that can be set:

• --fa-border-color: Sets the CSS border-color value.
• --fa-border-padding: Sets the CSS padding value.
• --fa-border-radius: Sets the CSS border-radius value.
• --fa-border-style: Sets the CSS border-style value.
• --fa-border-width: Sets the CSS border-width value.

Example

<i class="fas fa-chess-pawn fa-border"></i>
<i
  class="fas fa-chess-pawn fa-border"
  style="--fa-border-radius: 100%;--fa-border-color: red;"
></i>
<i
  class="fas fa-chess-pawn fa-border"
  style="--fa-border-width: 3px; --fa-border-color:  black; --fa-border-style: dotted;"
></i>

Copy to clipboard
Copy to clipboard