Basic Icons
To use the Font Awesome icons, add the following line inside the section of your HTML page:
Disclaimer: Information found on this website is believed to be accurate. If you have questions about the winning numbers, contact the Lottery at (781) 848-7755 or visit your nearest Lottery agent or Lottery office for the official winning numbers.
Note: No downloading or installation is required!
- ICON reports a 10% increase in first quarter 2012 revenue to $252m, up 10% year on year, EPS of 15 cents, net new business awards of $385 million and a B:B of 1.5.
- VVV After a couple of weeks of delay, the results are finally here. I hope you guys understand why it was delayed after seeing the quality of.
- Test results icon - Free form,test,questionnaire,clipboard, Icon and more and are constantly expanding our content with exclusive files.
- TV's icon says 'don't', which when displayed in the voting screen reads 'don't vote E to eliminate TV'. Eraser's icon is a pose he does in 'Paper Towel'. Most icons have a filter over them. Bomby's voting icon reuses a pose he made in 'Getting Teardrop to Talk'. Specifically, when Flower realizes the teams are filling up.
You place Font Awesome icons by using the prefix fa and the icon's name.
Example
The following code:
Results in:
Try It Yourself »Font Awesome is designed to be used with inline elements. The and elements are widely used for icons.
Also note that if you change the font-size or color of the icon's container, the icon changes. Same things goes for shadow, and anything else that gets inherited using CSS.
The fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes are used to increase the icon sizes relative to their container.
Example
The following code:
Results in:
Try It Yourself »Tip: If your icons are getting chopped off on top and bottom, increase the line-height.
The fa-ul and fa-li classes are used to replace default bullets in unordered lists.
Example
The following code:
- List icons
- List icons
- List icons
Results in:
The fa-border, fa-pull-right or fa-pull-left classes are used for for pull quotes or article icons.
Example
The following code:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Results in:
The fa-spin class gets any icon to rotate, and the fa-pulse class gets any icon to rotate with 8 steps.
Example
The following code:
Results in:
Try It Yourself »Note: IE8 and IE9 do not support CSS3 animations.
To get a slot traduction. The fa-rotate-* and fa-flip-* classes are used to rotate and flip icons.
Example
The following code:
7 clans casino linkedin slots real money. Results in:
Try It Yourself »
The fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes are used to increase the icon sizes relative to their container.
Example
The following code:
Results in:
Try It Yourself »Tip: If your icons are getting chopped off on top and bottom, increase the line-height.
The fa-ul and fa-li classes are used to replace default bullets in unordered lists.
Example
The following code:
- List icons
- List icons
- List icons
Results in:
Try It Yourself »The fa-border, fa-pull-right or fa-pull-left classes are used for for pull quotes or article icons.
Example
The following code:
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Results in:
The fa-spin class gets any icon to rotate, and the fa-pulse class gets any icon to rotate with 8 steps.
Example
The following code:
Results in:
Try It Yourself »Note: IE8 and IE9 do not support CSS3 animations.
To get a slot traduction. The fa-rotate-* and fa-flip-* classes are used to rotate and flip icons.
Example
The following code:
7 clans casino linkedin slots real money. Results in:
Try It Yourself »To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x class for the regularly sized icon, and fa-stack-2x for the larger icon.
The fa-inverse class can be used as an alternative icon color. You can also add larger icon classes to the parent to further control the sizing.
Example
The following code:
Results Icon Font Awesome
fa-twitter on fa-circle-thin
fa-twitter (inverse) on fa-circle
fa-ban on fa-camera
Results Icon Gif
Results in:
fa-twitter (inverse) on fa-circle
fa-ban on fa-camera
The fa-fw class is used to set icons at a fixed width. This class is useful when different icon widths throw off alignment. Especially useful in Bootstrap's navlists and list groups.
Example
Try It Yourself »Font Awesome also works great with all the Bootstrap components.
