图标库Lucide
你可能会说
按钮、菜单、空状态都缺个图标，每次去搜 PNG 太麻烦了。
图标库是把常用界面图标做成一套风格统一、可缩放的矢量素材集合。·Lucide 是当前 React / Next.js 生态最主流的线性图标库之一：1500+ 图标、2px 圆角描边、纯 SVG、按需引入、tree-shaking 友好。只要界面需要「简洁、中性、可随主题换色」的图标，它几乎是默认选择。引入方式：npm i lucide-react，然后 import { Home } from 'lucide-react'。
也常被叫作Lucide线性图标SVG 图标图标组件
Home
Search
Settings
User
Bell
Mail
Heart
Star
Code
Zap
Camera
Menu
Check
Plus
Trash
Edit
ArrowRight
Sun
Moon
Download
Upload
FileText
Calendar
适用风格与场景
现代 SaaS / 后台线性、低噪、易与中性配色搭配，适合数据密集的后台与 dashboard。
产品官网 / 落地页统一笔触强化品牌调性，hero、特性列表、页脚都讲同一种视觉语言。
文档 / 知识库小尺寸下仍清晰，适合侧栏、提示块、目录树的见标即用。
移动端 / 跨端矢量无损缩放，深浅色模式用 currentColor 一键适配。
延伸阅读 · 权威出处