Font Awesome has a ton of great styling tools that work hand-in-hand with our icons to really make your project look its best.
Many of the styles can be combined to get even more effects, though some are only available when using our SVG+JS method.
Font Awesome default styling
Make icons bigger or smaller
Make icons the same width for alignment
- Not done
Icons in a List
Use icons as list bullets
Shift icons around an axis
Add motion to spinners
Gatsby believed in the green light, the orgastic future that year by year recedes before us...
Border + Pull
Bring icons inline with text
Stack two icons to make a new one
Fine-tuned rotation, sizing, and positioning
Combine icons with transparency
Combine two icons without transparency
Add Text or Counters
Add a layer of text or a counter to an icon
The power of duotone icons to the max
Make it Your Own