实施Didit 图标库用于React应用程序.
pnpm install @diditui/icons-react
或者说
yarn add @diditui/icons-react
或者说
npm install @diditui/icons-react
或者说 从 Github 下载。 。 。 .
它与ESmodule相接而成,因此完全可以树摇. 每个图标可以作为组件导入.
import { ArrowLeftIcom } from "@diditui/icons-react";
const App = () => {
return <ArrowLeftIcom />;
};
export default App;
您可以通过额外的道具来调整图标.
<ArrowLeftIcom color="red" size={48} />
| 名称 | 类型 | 默认 |
|---|---|---|
size | 数目 | 24个 |
color | 字符串 | 当前颜色 |
stroke | 数目 | 2个 |
@diditui/icons-react 共发布 19 个版本，首次发布于 2025/07/08；过去 12 个月发布了 5 个版本。最新版本附带 npm provenance 构建来源证明，可追溯到公开的 CI 构建记录。
| 版本 | 发布日期 | 距今 |
|---|---|---|
0.0.20latest | 2026/10/27 | 16 天前 |
0.0.19 | 2026/10/24 | 19 天前 |
0.0.18 | 2026/03/06 | 8 个月前 |
0.0.17 | 2025/12/15 | 10 个月前 |
0.0.16 | 2025/12/15 | 10 个月前 |
0.0.15 | 2025/10/14 | 1.1 年前 |
在项目目录运行 npm install @diditui/icons-react，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：react（>= 16）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。
支持。包内自带 TypeScript 类型声明（package.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。
同时提供 ES Module 与 CommonJS 入口，import 和 require() 都可以使用，打包工具会自动选择合适的版本。
@diditui/icons-react 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。
根据 npm 官方下载统计，@diditui/icons-react 在 2026/10/12 – 2026/11/10 这 30 天内被下载 15,253 次，日均约 508 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。
最新版本 0.0.20 发布于 2026/10/27（16 天前）；至今共发布 19 个版本，其中过去 12 个月发布了 5 个；首次发布于 2025/07/08。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。