open-index/open-npm huggingface dataset:
npm package: @ithinkdt/icon
Description: Official source SVG icon library for ag
Latest version: 0.6.36

<h3 align="center">Ag Icons</h3>



## 1. 文档

[ICON在线文档地址](http://icons.dev.ithinkdt.com/)

## 2. 项目中添加新图标
- 克隆项目到本地
- 新建个自己的分支
- 将svg图标添加到icons文件夹内
- 运行`yarn run build-reserved`
- 修改`package.json`中的版本最后一位数字加1（目前为非稳定版，暂时加这位）
- 提交合并请求到master分支
- [jenkins构建发布](http://192.168.16.13:8081/view/%E5%89%8D%E7%AB%AF%E7%BB%84%E4%BB%B6/job/icon/)

### 新项目中集成icon

#### 下载
```shell
yarn add  @agilines/icon
```

#### 用法

- Icon font
  - 引入css

  Angular在angular.json的style中引入

  ```
  "node_modules/@agilines/icon/font/ag-icons.css",
  ```

  - html中直接使用

  ```
  <i class="ag ag-alarm-fill-deep"></i>
  ```

## 开发ICON库

```shell
npm i
npm start
```

Then open `http://localhost:4000` in your browser.


### Npm scripts

| Script | Description |
| --- | --- |
| `start` | 启动项目， `docs-serve`的别名 |
| `docs-serve` | 启动项目 |
| `update-icon` | 更新icon |
| `pages-build` | 根据图标生成图标的markdown内容 |
| `icons-build` | 打包svg |
| `dist-build` | 生成dist包 |


### TODO LIST
> 文档： https://agilines.feishu.cn/sheets/shtcnV1KMpbo26ukkndosYsQX0e

- [ ] 文档页面：固定分类和搜索，提供按分类、标签过滤
- [ ] 类别和标签在SVG中添加，打包时自动读取并填写进 markdown文件
- [ ] 不同的尺寸并展示，提供使用
- [ ] 不同的样式： 添加边框、背景、旋转功能