Add scalable vector icons to your UI with Font Awesome. Combine fa classes with Bootstrap elements for crisp, retina-ready icons.
Loading example...Use the fa-fw class to give Font Awesome icons a uniform width, making them align neatly in lists, menus, and navigation items.
Loading example...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.
Loading example...Apply classes such as fa-rotate-90, fa-rotate-180, orfa-flip-horizontal/fa-flip-vertical to rotate or flip Font Awesome icons, making them adaptable for any layout or direction.
Loading example...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.
Loading example...Add fa-border to give icons a simple outline, and usefa-pull-left or fa-pull-right to align them beside text. Perfect for highlighting icons while keeping content neatly arranged.
Loading example...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.
Loading example...Use the fas style prefix to display solid Font Awesome icons, giving your UI a bold and clear appearance.
Loading example...Use the fas style prefix to display solid Font Awesome icons, giving your UI a bold and clear appearance.
Loading example...Use the fas style prefix to display solid Font Awesome icons, giving your UI a bold and clear appearance.
Loading example...