Icon LibraryLucide
You might say
Buttons, menus, empty states — everything is missing icons. Searching for PNGs every time is a pain.
An icon library packages common interface icons as a scalable vector set with one consistent style.·Lucide is one of the most mainstream line-icon libraries in the React / Next.js ecosystem: 1,500+ icons, 2px rounded strokes, pure SVG, on-demand imports, tree-shaking friendly. Whenever a UI needs clean, neutral icons that follow the theme color, it is the near-default choice. Install with npm i lucide-react, then import { Home } from 'lucide-react'.
Also calledLucideline iconsSVG iconsicon components
Home
Search
Settings
User
Bell
Mail
Heart
Star
Code
Zap
Camera
Menu
Check
Plus
Trash
Edit
ArrowRight
Sun
Moon
Download
Upload
FileText
Calendar
Typical use cases
Modern SaaS / dashboardsThin, low-noise strokes pair easily with neutral palettes — ideal for data-dense admin UIs.
Marketing sites / landing pagesOne consistent stroke keeps hero, feature lists and footer speaking the same visual language.
Docs & knowledge basesStill legible at small sizes for sidebars, callouts and tree navigation.
Mobile / cross-platformVectors scale losslessly; currentColor adapts to light/dark themes in one step.
Further reading