Lucide-react
AI bổ sungLibraryFrontend / UI
Nó là gì?
Thư viện icon SVG nhẹ, tối ưu cho React, fork từ Feather Icons với hàng nghìn biểu tượng nhất quán.
Dùng để làm gì?
Hiển thị icon vector sắc nét, dễ tùy biến size/màu bằng props React thay vì nhúng file SVG thủ công.
Chạy ở đâu?
Browser (client-side React components)
Nó thường đi với gì?
React, Next.js, Tailwind CSS, shadcn/ui
App của mình khi nào cần?
Cần bộ icon đồng bộ, tree-shakable, zero-dependency, dễ style bằng className/style props.
Khi nào không cần?
Chỉ cần vài icon đơn lẻ (dùng inline SVG nhẹ hơn), hoặc project không dùng React.
Từ khóa lỗi thường gặp
"Component not found", "Invalid prop size", "Tree-shaking not working"
Một câu để nhớ
Icon React 'chuẩn hộp' — import tên PascalCase, dùng như component bình thường.