@dogeui/zicons
v0.0.3
Published
A react library developed with dumi
Readme
title: home nav: title: zicons
@dogeui/zicons homepage
Usage
https://reactsvgicons.com/
增加 icon 的方法
添加 type 名称类型
IconNameType添加 icon 下的 svg 组件,文件名即为 icon type name
2.1 复制 svg 代码
2.2 修改属性
<svg
viewBox="0 0 48 48"
fill="currentColor"
height="1em"
width="1em"
{...props}
>
<path d="M38 26H26v12h-4V26H10v-4h12V10h4v12h12v4z" />
</svg>2.3 如果path下面有fill属性，需要修改为currentColor或者直接去掉 fill 属性
- 直接使用
SvgIcon
操作图标
| IconNameType | Description |
| :----------- | :---------- |
| ziTest | 测试 |
| ziDelete | 删除 |
| ziAdd | 新增 |
| ziExport | 导出 |
| ziImport | 导入 |
| ziSync | 同步 |
| ziPrint | 打印 |
| ziMove | 移动 |
| ziUndo | 撤销 |
路由图标
| IconNameType | Description |
| :----------- | :---------- |
| ziSetting | 系统设置 |
| ziBook | 知识库 |
| ziSchool | 教育培训 |
| ziContact | 企业通讯录 |
| ziDesk | 工作台 |
其他图标
| IconNameType | Description |
| :----------- | :---------- |
| ziModel | 模型按钮 |
| ziPoint | 点位按钮 |
数据抽取
| IconNameType | Description |
| :------------------ | :------------- |
| ziFolder | 文件夹按钮 |
| ziFolderOpen | 打开文件夹按钮 |
| ziTransform | 转换按钮 |
| ziArrowLoopRight | job 按钮 |