Table of Contents
| Name | Class Name | Css Content Code |
|---|---|---|
| fa-facebook-f | fa-facebook-f | f39e |
fa-facebook-f icon Usage
To display fa-facebook-f icon add predefined class name i, fa-facebook-f ( with prefix fa- ) to the ‘ i ’ tag. here ‘ i ’ tag represents icon. And we need to add corresponding class for fa-facebook-f icon. i, fabulous.
fa-facebook-f
fa-facebook-f
Change fa-facebook-f icon size
To increase fa-facebook-f baptismal font amazing icon size, use the fa-lg ( 33 % increase ), fa-2x, fa-3x, fa-4x, or fa-5x classes along with picture course fa-facebook-f. increase in picture size will be relative to their parent container .
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
fa-lg
fa-2x
fa-3x
fa-4x
fa-5x
fa-facebook-f Icon with Fixed Width
All the font amazing icons does not have lapp width. For model fa-facebook-f picture and fa-home may not have same altitude and width. so to display two icons with fix width and stature we can use fa-fw class .
Fixed WidthNormal
Fixed WidthNormal
Fixed Width Normal
Fixed Width Normal
fa-facebook-f Icon Border
To add border to fa-facebook-f icon, use fa-border class .
Pull fa-facebook-f icon To the left
To pull icon fa-facebook-f to the left field of the container use fa-pull-left class.\n
... The text after fa-facebook-f Icon will be displayed on the right side of the icons
… The text after fa-facebook-f Icon will be displayed on the right side of the icons
Pull fa-facebook-f icon To the right
To pull picture fa-facebook-f to the right of the container use fa-pull-right class .
... The text after fa-facebook-f Icon will be displayed on the left side of the icons
… The textbook after fa-facebook-f Icon will be displayed on the leave side of the icons
These two classes can used to add single quotes or double quotes to the text .
Animate fa-facebook-f icon using fa-spin
To animate baptismal font amazing fa-facebook-f picture, use fa-spin class .
Animate fa-facebook-f icon with steps
While animating the baptismal font amazing icon, We can rotate fa-facebook-f picture in 8 steps rather of uniform rotation. To animate font amazing fa-facebook-f icon with 8 tone rotation, use fa-pulse icon along with fa-spin class .
Rotate fa-facebook-f Icon using fa-rotate-x
To rotate the baptismal font amazing icon fa-facebook-f, Use fa-rotate-x class Where ‘ x ’ represents degree of rotation .
Rnormal
R fa-rotate-90
R fa-rotate-180
R fa-rotate-270
R normal
R fa-rotate-90
R fa-rotate-180
R fa-rotate-270
Flip fa-facebook-f Icon using fa-flip-*
To flip fa-facebook-f baptismal font amazing picture horizontally and vertically use fa-flip-horizontal and fa-flip-vertical classes .
F Normal
F fa-flip-horizontal
F fa-flip-vertical
F Normal
F fa-flip-horizontal
F fa-flip-vertical
Combine fa-facebook-f icon with other font awesome icons
In font amazing icons, using stacking we can combine multiple icons and display it as one icon To do that use the fa-stack class on the parent, the fa-stack-1x for the regularly size icon, and fa-stack-2x for the larger picture. And use class fa-inverse for an alternate icon coloring material. In the below exemplar, I am displaying fa-facebook-f on peak of icons like fa-square, fa-circle and fa-ban. And used fa-inverse in the second exercise to invert the discolor of the icon .
fa-facebook-f on fa-square
fa-facebook-f on fa-circle
fa-facebook-f on fa-ban
fa-facebook-f on fa-square
fa-facebook-f on fa-circle
fa-facebook-f on fa-ban
Read more: How to Log Into WPC2029 Live
