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 CSSborder-color
value.--fa-border-padding
: Sets the CSSpadding
value.--fa-border-radius
: Sets the CSSborder-radius
value.--fa-border-style
: Sets the CSSborder-style
value.--fa-border-width
: Sets the CSSborder-width
value.
Example
<i class="fas fa-chess-pawn fa-border"></i><iclass="fas fa-chess-pawn fa-border"style="--fa-border-radius: 100%;--fa-border-color: red;"></i><iclass="fas fa-chess-pawn fa-border"style="--fa-border-width: 3px; --fa-border-color: black; --fa-border-style: dotted;"></i>