FontAwesome v7.x with 2,000+ Free Icons
Icon Sizes
Add scalable vector icons to your UI with Font Awesome.
Combine fa classes with Bootstrap elements for crisp, retina-ready icons.
Fixed Width Icons
Use the fa-fw class to give Font Awesome icons a uniform width, making them align neatly in lists, menus, and navigation items.
Info
Library
Applications
Settings
Animated Icons
Add motion to your Font Awesome icons with classes like fa-spin or fa-pulse.
Use them to create smooth, attention-grabbing effects on loading indicators, buttons, or status elements.
Rotating & Flipping
Apply classes such as fa-rotate-90, fa-rotate-180, or
fa-flip-horizontal/fa-flip-vertical to rotate or flip
Font Awesome icons, making them adaptable for any layout or direction.
List Icons
Use the fa-ul and fa-li classes to create lists with Font Awesome icons as bullets.
This helps emphasize key points and improves readability in menus, feature lists, or instructions.
- List icons can
- be used to
- replace bullets
- in lists
Bordered Pulled Icons
Add fa-border to give icons a simple outline, and use
fa-pull-left or fa-pull-right to align them beside text.
Perfect for highlighting icons while keeping content neatly arranged.
Stacked Icons
Combine multiple Font Awesome icons with the fa-stack classes to create layered effects.
Place one icon over another—such as a symbol on top of a circle—for badges, buttons, or custom graphics.
Solid Icons
Use the fas style prefix to display solid Font Awesome icons, giving your UI a bold and clear appearance.
Regular Icons
Use the fas style prefix to display solid Font Awesome icons, giving your UI a bold and clear appearance.
Brand Icons
Use the fas style prefix to display solid Font Awesome icons, giving your UI a bold and clear appearance.