ELEMENTS
Icons
200+ Heroicons for every use case. Click to copy SVG.
Documentation
Icons from Heroicons. Click any icon to copy its SVG code to clipboard.
- - Hover over an icon to see "Click to copy SVG" tooltip
- - Click to copy - shows "Copied!" feedback
- - Use Tailwind classes like
w-6 h-6to size icons - - Use
text-{color}to change colors
Icon Sizes
16px
20px
24px
32px
48px
64px
Icon Colors
General
Home
User
Users
Settings
Mail
Search
Bell
Calendar
Clock
Heart
Star
Bookmark
Flag
Tag
Fire
Lightning
Sun
Moon
Globe
Location
Actions
Plus
Minus
Close
Check
Edit
Trash
Copy
Upload
Download
Share
Refresh
Lock
Unlock
Eye
Eye Off
Link
Chain
Filter
Sort Asc
Sort Desc
Arrows & Navigation
Up
Down
Left
Right
Expand
Fullscreen
Menu
Menu Alt
Dots V
Dots H
Media
Image
Camera
Video
Mic
Music
Play
Pause
Stop
Volume
Mute
Files & Documents
Document
Folder
Archive
Attach
Database
File
Report
Print
Duplicate
Inbox
Commerce
Cart
Bag
Card
Currency
Gift
Receipt
Cash
Trend Up
Trend Down
Box
Communication
Chat
Messages
Phone
Announce
Comment
At
Mail Open
RSS
Like
Dislike
Alerts & Status
Warning
Error
Success
Info
Question
Ban
Verified
Alert
Danger
Lightbulb
Devices & Tech
Desktop
Mobile
Tablet
Server
Chip
Wifi
Cloud Up
Cloud Down
Code
Terminal