Welcome,
John Doe
Font Awesome Icons
Font Awesome 6 Icons comprehensive icon library showcase
Interface & Navigation Icons
fa-home
fa-search
fa-user
fa-cog
fa-bars
fa-bell
fa-heart
fa-star
fa-bookmark
fa-download
fa-upload
fa-trash
Business & Finance Icons
fa-briefcase
fa-chart-line
fa-chart-pie
fa-dollar-sign
fa-calculator
fa-credit-card
fa-shopping-cart
fa-handshake
fa-building
fa-users
fa-clipboard
fa-award
Communication Icons
fa-envelope
fa-phone
fa-comments
fa-video
fa-microphone
fa-share
fa-at
fa-hashtag
Media & Entertainment Icons
fa-play
fa-pause
fa-stop
fa-music
fa-camera
fa-image
fa-film
fa-volume-up
Popular Brand Icons
fa-google
fa-facebook
fa-x-twitter
fa-instagram
fa-linkedin
fa-github
fa-apple
fa-microsoft
Directional Icons
fa-arrow-up
fa-arrow-down
fa-arrow-left
fa-arrow-right
fa-chevron-up
fa-chevron-down
fa-chevron-left
fa-chevron-right
Usage Examples
Different Sizes
Normal (1em)
Large (1.25em)
Extra Large (1.5em)
2x (2em)
3x (3em)
Icons in Buttons
Animations & Transformations
Spinning
Loading
Syncing
Beating Heart
Rotations & Flips
Normal
Rotated 90°
Flipped Horizontal
Flipped Vertical
Icon Lists
- Task completed successfully
- Task in progress
- Task failed
- Additional information
- Featured item
Navigation Menu
Alerts & Notifications
Success! Your action was completed.
Warning! Please check your input.
Error! Something went wrong.
Info! Here's some helpful information.
Form Elements
1,234
Total Users
$5.6K
Revenue
89
Orders
24%
Growth
File Types & Actions
document.pdf
spreadsheet.xlsx
photo.jpg
HTML Code Examples
Basic Icon Usage:
<i class="fas fa-star"></i> Normal
<i class="fas fa-star fa-2x"></i> 2x Size
<i class="fas fa-star text-warning"></i> With Color
Button with Icon:
<button class="btn btn-primary">
<i class="fas fa-download"></i> Download
</button>
Animated Icon:
<i class="fas fa-spinner fa-spin"></i> Loading...
<i class="fas fa-heart fa-beat text-danger"></i> Beating
Brand Icons:
<i class="fab fa-facebook-f"></i> Facebook
<i class="fab fa-x-twitter"></i> X (formerly Twitter)
<i class="fab fa-instagram"></i> Instagram
<i class="fab fa-github"></i> GitHub