Icon Library
Searchable Font Awesome 6 icon collection — sizes, colours, icon boxes, buttons and animations
Searchable Icon Library
Search by name or filter by category. Click any icon to copy its
class to clipboard.
Icon Sizes
Font Awesome size classes from xs to 10x and custom CSS font-size
control.
Font Awesome size classes
fa-xs
fa-sm
default
fa-lg
fa-xl
fa-2xl
fa-2x
fa-3x
fa-4x
fa-5x
Custom size via CSS
12px
16px
22px
30px
42px
56px
72px
Icon Colours
Apply any colour to icons with inline CSS or utility colour
classes.
Solid colours
Primary
Success
Warning
Danger
Accent
Purple
Pink
Teal
Orange
Dark
White
Muted
Gradient icons (via SVG mask trick)
Indigo→Cyan
Green→Teal
Amber→Orange
Purple→Pink
Red→Pink
Icon Boxes
Coloured container boxes for icons — solid, gradient, sizes, and
circle variants.
Solid tint variants
Gradient fills
Sizes — xs · sm · md · lg · xl
Circle variant
Icon Buttons
Buttons with leading/trailing icons, icon-only buttons, and
circular variants.
With label
Icon only — square & circle
|
Trailing icon (right)
Animated Icons
CSS keyframe animation classes for icons — spin, bounce, pulse,
shake, swing, float, heartbeat, fade, flip.
Spin
Spin Rev
Bounce
Pulse
Shake
Swing
Fade
Heartbeat
Float
Flip
Built-in Font Awesome animations
fa-spin
fa-spin-reverse
fa-spinner
fa-compact-disc
fa-gear
fa-hurricane
fa-fan
Inline Usage Examples
Icons used naturally inside text, nav items, lists, alerts and
labels.
In-text icons
Click to add a new item, or for more options.
Your account is verified and secured with 2FA.
This feature requires Premium. Upgrade now
Storage is at 90%. Manage storage
Navigation menu items
Dashboard
Users
Analytics
Settings
Status & info rows