# @brightlayer-ui/icons-mui 中文文档
规范地址：https://npmcn.com/package/%40brightlayer-ui/icons-mui/
版本：4\.4\.0
npm 元数据更新时间：2026-10-27T09:51:43.088Z
中文译文更新时间：2026-11-08T15:21:08.473Z
软件包许可：BSD-3-Clause
本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。
原始 npm 页面：https://www.npmjs.com/package/%40brightlayer-ui/icons-mui
原文对照：https://npmcn.com/package/%40brightlayer-ui/icons-mui/?lang=original
项目主页：https://github.com/etn-ccis/blui-icons/tree/master/mui#brightlayer-ui-icons-for-mui
源码仓库：https://github.com/etn-ccis/blui-icons
## 关键信息（来自 npm 元数据）
- 包体积（解压后）：2.1 MB，2137 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：@mui/material ^7\.1\.1，@mui/icons-material ^7\.1\.1
- 首次发布：2021-11-01T18:20:22.588Z
- 最新版本发布：2026-10-27T09:51:42.866Z
- 近 30 天下载量：18718（2026-10-09 至 2026-11-07，npm 官方下载统计）
- 已发布版本数：22（近 12 个月 7 个）
## 中文简介
MUI 的亮层 UI 图标
## 安装
```sh
npm install @brightlayer-ui/icons-mui
```
也可以使用：`pnpm add @brightlayer-ui/icons-mui`、`yarn add @brightlayer-ui/icons-mui`、`bun add @brightlayer-ui/icons-mui`
## README
[](https://github.com/etn-ccis/blui-icons/actions/workflows/blui-ci.yml) 
# MUI 的亮层 UI 图标
此库包含组件化的 svg 图标 [@ blightlayer-ui/相册](https://github.com/etn-ccis/blui-icons) 用于使用 MUI 的 React 应用程序。 图标的提供方式与MUI曝光方式相同 [材料图标](https://mui.com/components/icons/)。 。 。 .
## 安装
要安装来自国家防范机制的 Brightlayer UI mui 图标作为您项目的依赖, 您可以在您的工程根中运行以下命令之一 :
```
npm install --save @brightlayer-ui/icons-mui
or
yarn add @brightlayer-ui/icons-mui
```
> **注(依赖):** 使用此软件包需要您在您的项目软件包中将@mui/material和@mui/icons-material定义为依赖.json文件.
## 使用量
### 角质
此软件包仅用于React应用程序. 用于Angular 应用程序的 svg 图标链接方法,请参见 [@ blightlayer-ui/相册](https://github.com/etn-ccis/blui-icons)。 。 。 .
### 反应
Npm 模块安装完毕后,可以将图标组件导入到您的应用程序中如下:
```
import myIcon from '@brightlayer-ui/icons-mui/MyIcon';
...
```
如果您正在导入多个图标, 您可以使用套件根中命名的导入来保存一些空间 :
```
import {FirstIcon, SecondIcon, ThirdIcon} from '@brightlayer-ui/icons-mui';
```
### 应用不同的颜色
要改变您使用的图标的颜色, 只需设置 CSS 颜色属性 。 此地产是可继承的, 因此如果地产没有设置在您的图标上, 它将会从母容器中继承 .
```
```
## 可用图标
见 [图标](https://brightlayer-ui.github.io/style/iconography) 用于当前可用的图标列表.
> **页:1**: 当使用此软件包时,图标名称在TitleCase中(例如绕行 电池 -- > BypassBatterry).
## 构建图标集(供贡献者使用)
构建图标-mui包(例如,在Brightlayer UI中添加了新的图标后):
```
git clone https://github.com/etn-ccis/blui-icons
cd packages/mui
yarn build
```
这将将包含所有图标组件的 /dist 文件夹并复制到出版所需的文件(Readme, package.json等) .
> 在构建图标-mui软件包时,它从@brightlayer-ui/icons-svg软件包中导入了最新的图标,因此当添加了新的图标时,在更新此软件包之前,必须先向国家预防机制发布@brightlayer-ui/icons-svg.
### 出版
要发布软件包 :
```
yarn build
cd dist
npm version < patch | minor | major >
npm publish
```
> **注:** 此软件包必须从 /dist 文件夹而非根目录中发布 .
## 浏览器支持
MUI的亮层UI图标将会与任何现代浏览器合作. 详情请参见我们 [浏览器支持](https://brightlayer-ui.github.io/development/frameworks-web/react#browser-support) 文档.
## 常见问题
### @brightlayer-ui/icons-mui 是什么？
MUI 的亮层 UI 图标
### 如何安装 @brightlayer-ui/icons-mui？
在项目目录运行 npm install @brightlayer-ui/icons-mui，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：@mui/material（^7\.1\.1）、@mui/icons-material（^7\.1\.1）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
### @brightlayer-ui/icons-mui 支持 TypeScript 吗？
支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
### @brightlayer-ui/icons-mui 支持 ESM 还是 CommonJS？
以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。
### @brightlayer-ui/icons-mui 可以商用吗？
@brightlayer-ui/icons-mui 使用 BSD-3-Clause 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。另外不得用原作者名义为衍生产品背书。以上为概括，不构成法律意见，请以许可原文为准。
### @brightlayer-ui/icons-mui 的下载量有多少？
根据 npm 官方下载统计，@brightlayer-ui/icons-mui 在 2026/10/09 – 2026/11/07 这 30 天内被下载 18,718 次，日均约 624 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
### @brightlayer-ui/icons-mui 还在维护吗？
最新版本 4\.4\.0 发布于 2026/10/27（12 天前）；至今共发布 22 个版本，其中过去 12 个月发布了 7 个；首次发布于 2021/11/02。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。