lucide-mui

中文文档
1.67.0发布于 2026/11/04ISCTypeScriptESM + CJS零依赖构建来源已验证

Lucide图标与MUI兼容

中文使用文档
文档目录7 节
  1. 安装
  2. 用法
  3. 版本控制
  4. 贡献
  5. 常见问题
  6. 这和lucide-react有什么区别?
  7. 有哪些图标可用?

Lucide图标为MUI

npm Types Downloads GitHub

这个包提供 Lucide图标 作为设计用于使用的React组件 材料界面,这样它们就可以像图标一样被使用 @mui/icons-material 使用。

安装

你可以使用npm或yarn:

使用npm:

npm install lucide-mui

使用纱:

yarn add lucide-mui

用法

lucide-mui 是用ES模块构建的,所以它是完全可以摇树的。每个图标都可以作为react组件导入。

控件中使用它们的名称导入所有图标 Lucide文档,转换为PascalCase。 例如, arrow-left-circle 变成了 ArrowLeftCircle

import { ArrowLeftCircle } from 'lucide-mui';

然后你可以像使用材质图标一样在任何地方使用这些图标

<Button startIcon={<ArrowLeftCircle/>}>Click me</Button>

他们还支持所有的道具 SvgIcon 材质UI组件:

<ArrowLeftCircle color="primary" sx={{mx: 2}}/>

版本控制

版本自动保持同步 lucide

贡献

欢迎所有贡献。对新/更新图标的贡献/请求应该直接提交给lucide项目: https://github.com/lucide-icons/lucide

常见问题

这和lucide-react有什么区别?

Lucide-react提供了React组件,但是这些组件不能与材质UI无缝集成,需要额外的工作来使用它们来代替材质图标。

有哪些图标可用?

所有lucide图标都是可用的,当新的图标被添加到lucide时,这个包将被更新。这个包不打算添加任何额外的或自定义图标。

版本与发布记录

lucide-mui 共发布 105 个版本,首次发布于 2023/07/29;过去 12 个月发布了 68 个版本。最新版本附带 npm provenance 构建来源证明,可追溯到公开的 CI 构建记录。

版本发布日期距今
1.67.0latest2026/11/04今天
1.66.02026/11/013 天前
1.65.02026/10/314 天前
1.64.02026/10/305 天前
1.63.02026/10/296 天前
1.62.02026/10/287 天前

关于 lucide-mui 的常见问题

lucide-mui 是什么?

Lucide图标与MUI兼容

如何安装 lucide-mui?

在项目目录运行 npm install lucide-mui,或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖:react(^17.0.0 || ^18.0.0 || ^19.0.0)、react-dom(^17.0.0 || ^18.0.0 || ^19.0.0)、@mui/material(^7.0.1)。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖,Yarn 需要手动安装。

lucide-mui 支持 TypeScript 吗?

支持。包内自带 TypeScript 类型声明(package.json 声明了 types 入口),安装后即可获得类型提示,无需再安装 @types 包。

lucide-mui 支持 ESM 还是 CommonJS?

同时提供 ES Module 与 CommonJS 入口,import 和 require() 都可以使用,打包工具会自动选择合适的版本。

lucide-mui 可以商用吗?

lucide-mui 使用 ISC 许可。宽松许可:允许商业使用、修改和再分发,通常只需在分发时保留原版权与许可声明。以上为概括,不构成法律意见,请以许可原文为准。

lucide-mui 还在维护吗?

最新版本 1.67.0 发布于 2026/11/04(今天);至今共发布 105 个版本,其中过去 12 个月发布了 68 个;首次发布于 2023/07/29。发布频率只是参考信号:功能稳定的工具可能很少需要更新,建议结合源码仓库的 issue 和提交记录判断。