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
Alerts & Notifications
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