Common Icons Reference Sheet
When building mockups or layout frameworks, finding the correct icon name quickly is important. This guide lists the most common Lucide icons organized by UI category.
1. Administrative Controls and Analytics
| Icon Visual | Component Name | Common Use Cases |
| 📊 | BarChart2 | Analytics charts, metrics pages |
| ⚙️ | Settings | Configuration panel, preferences |
| 📅 | Calendar | Date picking inputs, schedule planning |
| 📁 | Folder | File directory structure components |
| 🔌 | Plug | Integration APIs, plugins setups |
2. E-Commerce and Shopping Cart Actions
| Icon Visual | Component Name | Common Use Cases |
| 🛒 | ShoppingCart | Checkout paths, basket list summaries |
| 💳 | CreditCard | Payment processing portals |
| 🏷️ | Tag | Discount promotions, product categorizing labels |
| 📦 | Package | Product listings, shipping metrics tracker |
| 🚚 | Truck | Shipping options, logistics status |
3. Account Profiles and Communications
| Icon Visual | Component Name | Common Use Cases |
| 👤 | User | Profile accounts, identity controls |
| 👥 | Users | Team permissions list |
| ✉️ | Mail | Email notifications, inbox alerts |
| 💬 | MessageSquare | Discussion forums, chat widgets |
| 🔒 | Lock | Password fields, secure routing panels |
4. UI Layout Direction Arrows
- Chevron Down:
ChevronDown(collapsible accordion boxes, dropdown triggers) - Chevron Left / Right:
ChevronLeft/ChevronRight(slide pagination, list navigators) - Arrow Right:
ArrowRight(redirection links, navigation guides) - Refresh Loop:
RefreshCw(reload data tables, sync states)
Published on Last updated: