#

- 
  微信
  &#xe660;
- 
  github
  &#xe712;
- 
  微信公众号
  &#xe650;
- 
  公众号授权
  &#xe714;
- 
  微博
  &#xe65a;
- 
  QQ-circle-fill
  &#xe887;
- 
  钉钉
  &#xe690;
- 
  补偿管理_1
  &#xe721;
- 
  参数维护
  &#xe69b;
- 
  抖音
  &#xe7bf;
- 
  gitee
  &#xe60c;
- 
  组织管理
  &#xea72;
- 
  消息管理
  &#xe63f;
- 
  附件管理
  &#xea0f;
- 
  省:市
  &#xe621;
- 
  通知管理
  &#xe634;
- 
  行业类型
  &#xe82d;
- 
  银行类型
  &#xe602;
- 
  类型
  &#xe600;
- 
  网关路由
  &#xeb9b;
- 
  消息模板
  &#xe6cd;
- 
  操作日志
  &#xe69f;
- 
  数据字典
  &#xe666;
- 
  系统管理
  &#xe616;
- 
  权限管理
  &#xe605;
- 
  地区区域
  &#xe665;
- 
  基础设置
  &#xe6a0;
- 
  配置数据源
  &#xe672;
- 
  数据库,数据
  &#xe93a;
- 
  模块
  &#xe606;
- 
  开发文档
  &#xe624;
- 
  redis
  &#xec7c;
- 
  调度管理
  &#xe65f;
- 
  基础模块
  &#xe623;
- 
  组织管理
  &#xe6dd;
- 
  check-circle
  &#xe77d;
- 
  日志
  &#xe741;
- 
  项目立项
  &#xe742;
- 
  验收项目评审
  &#xe743;
- 
  单位成员管理
  &#xe744;
- 
  单位信息管理
  &#xe745;
- 
  项目执行
  &#xe746;
- 
  通知
  &#xe747;
- 
  角色管理
  &#xe748;
- 
  项目受理
  &#xe749;
- 
  项目评审
  &#xe74a;
- 
  项目验收
  &#xe74b;
- 
  项目归档
  &#xe74c;
- 
  项目申报
  &#xe74d;
- 
  专家管理
  &#xe74e;
- 
  用户管理
  &#xe74f;
- 
  申报项目评审
  &#xe750;
- 
  日期选择
  &#xe751;
- 
  圆圈错误
  &#xe752;
- 
  圆圈勾选
  &#xe753;
- 
  圆圈警示
  &#xe754;
- 
  筛选
  &#xe755;
- 
  工作台
  &#xe756;
- 
  搜索
  &#xe757;
- 
  圆圈疑问
  &#xe758;
- 
  数据分析
  &#xe759;
- 
  采购申请
  &#xe75a;
- 
  采购记录
  &#xe75b;
- 
  系统
  &#xe75c;
- 
  菜单管理
  &#xe75d;
- 
  知识
  &#xe75e;
- 
  门户管理
  &#xe75f;
- 
  指南2
  &#xe760;
- 
  指南1
  &#xe761;
- 
  项目推荐
  &#xe762;
- 
  工作流
  &#xe763;
- 𐃏
  好友认证
  &#x100cf;
- 𐃐
  分享
  &#x100d0;
- 𐃑
  排序
  &#x100d1;
- 𐃒
  概率
  &#x100d2;
- 𐃓
  活动
  &#x100d3;
- 𐃔
  减少
  &#x100d4;
- 𐃕
  更多
  &#x100d5;
- 𐃖
  发送
  &#x100d6;
- 𐃗
  权限
  &#x100d7;
- 𐃘
  兑换
  &#x100d8;
- 𐃙
  评论
  &#x100d9;
- 𐃚
  发现
  &#x100da;
- 𐃛
  历史记录
  &#x100db;
- 𐃜
  删除
  &#x100dc;
- 𐃝
  计划
  &#x100dd;
- 𐃞
  券
  &#x100de;
- 𐃟
  钱包
  &#x100df;
- 𐃠
  扫码
  &#x100e0;
- 𐃡
  设置
  &#x100e1;
- 𐃢
  认证
  &#x100e2;
- 𐃣
  首页
  &#x100e3;
- 𐃤
  趋势
  &#x100e4;
- 𐃥
  商品
  &#x100e5;
- 𐃦
  手机
  &#x100e6;
- 𐃧
  下载
  &#x100e7;
- 𐃨
  删除好友
  &#x100e8;
- 𐃩
  搜索
  &#x100e9;
- 𐃪
  信息
  &#x100ea;
- 𐃫
  时间
  &#x100eb;
- 𐃬
  收藏
  &#x100ec;
- 𐃭
  数据
  &#x100ed;
- 𐃮
  图片
  &#x100ee;
- 𐃯
  相机
  &#x100ef;
- 𐃰
  信用卡
  &#x100f0;
- 𐃱
  应用
  &#x100f1;
- 𐃲
  上传
  &#x100f2;
- 𐃳
  视频
  &#x100f3;
- 𐃴
  添加
  &#x100f4;
- 𐃵
  定位
  &#x100f5;
- 𐃶
  标签
  &#x100f6;
- 𐃷
  编辑
  &#x100f7;
- 𐃸
  我的
  &#x100f8;
- 𐃹
  订单
  &#x100f9;
- 𐃺
  消息
  &#x100fa;
- 𐃻
  添加好友
  &#x100fb;
- 𐃼
  余额
  &#x100fc;
- 𐃽
  文件夹
  &#x100fd;
- 𐃾
  资料
  &#x100fe;
- 
  资金管理
  &#xe7d4;
- 
  安全查询
  &#xe7d5;
- 
  变更管理
  &#xe7d6;
- 
  查询管理
  &#xe7d7;
- 
  仓库管理
  &#xe7d8;
- 
  安全权限
  &#xe7d9;
- 
  出库管理
  &#xe7da;
- 
  安全体系
  &#xe7db;
- 
  安全措施管理
  &#xe7dc;
- 
  工程计划
  &#xe7dd;
- 
  监理日志
  &#xe7de;
- 
  库存管理
  &#xe7df;
- 
  采购管理
  &#xe7e0;
- 
  方案管理
  &#xe7e1;
- 
  车辆管理
  &#xe7e2;
- 
  记录管理
  &#xe7e3;
- 
  成果管理
  &#xe7e4;
- 
  合同管理
  &#xe7e5;
- 
  单位管理
  &#xe7e6;
- 
  个人信息管理
  &#xe7e7;
- 
  监控中心
  &#xe7e8;
- 
  签字管理
  &#xe7e9;
- 
  任务详情
  &#xe7ea;
- 
  考勤管理
  &#xe7eb;
- 
  任务通知
  &#xe7ec;
- 
  人员培训
  &#xe7ed;
- 
  日常管理
  &#xe7ee;
- 
  领取记录
  &#xe7ef;
- 
  设置管理
  &#xe7f0;
- 
  数据看板
  &#xe7f1;
- 
  视角管理
  &#xe7f2;
- 
  数据中心管理
  &#xe7f3;
- 
  任务中心
  &#xe7f4;
- 
  施工安全
  &#xe7f5;
- 
  劳务管理
  &#xe7f6;
- 
  数据中心
  &#xe7f7;
- 
  书签管理
  &#xe7f8;
- 
  特种证管理
  &#xe7f9;
- 
  添加文件
  &#xe7fa;
- 
  数据上传
  &#xe7fb;
- 
  入库管理
  &#xe7fc;
- 
  疫情管理
  &#xe7fd;
- 
  文件夹
  &#xe7fe;
- 
  审核管理
  &#xe7ff;
- 
  物资核销
  &#xe800;
- 
  日志中心
  &#xe801;
- 
  退货报废
  &#xe802;
- 
  数据下载
  &#xe803;
- 
  预警管理
  &#xe804;
- 
  危险源管理
  &#xe805;
- 
  我的任务
  &#xe806;
- 
  文件管理
  &#xe807;
- 
  循环处理
  &#xe808;
- 
  支付管理
  &#xe809;
- 
  职业健康
  &#xe80a;
- 
  资金安全
  &#xe80b;
- 
  云数据
  &#xe80c;
- 
  质量管理
  &#xe80d;

## Unicode 引用

Unicode 是字体在网页端最原始的应用方式，特点是：

- 支持按字体的方式去动态调整图标大小，颜色等等。
- 默认情况下不支持多色，直接添加多色图标会自动去色。

> 注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

Unicode 使用步骤如下：

### 第一步：拷贝项目下面生成的 `@font-face`

    @font-face {
      font-family: 'icon';
      src: url('iconfont.woff2?t=1653763681330') format('woff2'),
           url('iconfont.woff?t=1653763681330') format('woff'),
           url('iconfont.ttf?t=1653763681330') format('truetype'),
           url('iconfont.svg?t=1653763681330#icon') format('svg');
    }

### 第二步：定义使用 iconfont 的样式

    .icon {
      font-family: "icon" !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

### 第三步：挑选相应图标并获取字体编码，应用于页面

    <span class="icon">&#x33;</span>

> "icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

- 微信
  .icon-weixin
- github
  .icon-github
- 微信公众号
  .icon-weixingongzhonghao
- 公众号授权
  .icon-gongzhonghaoshouquan
- 微博
  .icon-weibo
- QQ-circle-fill
  .icon-QQ-circle-fill
- 钉钉
  .icon-dingding
- 补偿管理_1
  .icon-buchangguanli_
- 参数维护
  .icon-canshuweihu
- 抖音
  .icon-douyin
- gitee
  .icon-gitee
- 组织管理
  .icon-zuzhiguanli1
- 消息管理
  .icon-xiaoxiguanli
- 附件管理
  .icon-fujianguanli
- 省:市
  .icon-shengshi
- 通知管理
  .icon-tongzhiguanli-
- 行业类型
  .icon-hangyeleixing
- 银行类型
  .icon-yinhangleixing
- 类型
  .icon-leixing3
- 网关路由
  .icon-wangguanluyou
- 消息模板
  .icon-xiaoximoban
- 操作日志
  .icon-caozuorizhi
- 数据字典
  .icon-shujuzidian
- 系统管理
  .icon-xitongguanli
- 权限管理
  .icon-quanxianguanli
- 地区区域
  .icon-diququyu
- 基础设置
  .icon-jichushezhi
- 配置数据源
  .icon-peizhishujuyuan
- 数据库,数据
  .icon-odbc-full
- 模块
  .icon-mokuai
- 开发文档
  .icon-kaifawendang
- redis
  .icon-redis
- 调度管理
  .icon-tiaoduguanli
- 基础模块
  .icon-jichumokuai
- 组织管理
  .icon-zuzhiguanli
- check-circle
  .icon-check-circle
- 日志
  .icon-rizhi
- 项目立项
  .icon-xiangmulixiang
- 验收项目评审
  .icon-yanshouxiangmupingshen
- 单位成员管理
  .icon-danweichengyuanguanli
- 单位信息管理
  .icon-danweixinxiguanli
- 项目执行
  .icon-xiangmuzhihang
- 通知
  .icon-tongzhi
- 角色管理
  .icon-jiaoseguanli
- 项目受理
  .icon-xiangmushouli
- 项目评审
  .icon-xiangmupingshen
- 项目验收
  .icon-xiangmuyanshou
- 项目归档
  .icon-xiangmuguidang
- 项目申报
  .icon-xiangmushenbao
- 专家管理
  .icon-zhuanjiaguanli
- 用户管理
  .icon-yonghuguanli
- 申报项目评审
  .icon-shenbaoxiangmupingshen
- 日期选择
  .icon-riqixuanze
- 圆圈错误
  .icon-yuanquancuowu
- 圆圈勾选
  .icon-yuanquangouxuan
- 圆圈警示
  .icon-yuanquanjingshi
- 筛选
  .icon-shaixuan
- 工作台
  .icon-gongzuotai
- 搜索
  .icon-sousuo
- 圆圈疑问
  .icon-yuanquanyiwen
- 数据分析
  .icon-shujufenxi
- 采购申请
  .icon-caigoushenqing
- 采购记录
  .icon-caigoujilu
- 系统
  .icon-xitong
- 菜单管理
  .icon-caidanguanli
- 知识
  .icon-zhishi
- 门户管理
  .icon-menhuguanli
- 指南2
  .icon-zhinan2
- 指南1
  .icon-zhinan1
- 项目推荐
  .icon-xiangmutuijian
- 工作流
  .icon-gongzuoliu
- 好友认证
  .icon-haoyourenzheng
- 分享
  .icon-fenxiang
- 排序
  .icon-paixu
- 概率
  .icon-gaishuai
- 活动
  .icon-huodong
- 减少
  .icon-jianshao
- 更多
  .icon-gengduo
- 发送
  .icon-fasong
- 权限
  .icon-quanxian
- 兑换
  .icon-duihuan
- 评论
  .icon-pinglun
- 发现
  .icon-faxian
- 历史记录
  .icon-lishijilu
- 删除
  .icon-shanchu
- 计划
  .icon-jihua
- 券
  .icon-quan
- 钱包
  .icon-qianbao
- 扫码
  .icon-saoma
- 设置
  .icon-shezhi
- 认证
  .icon-renzheng
- 首页
  .icon-shouye
- 趋势
  .icon-qushi
- 商品
  .icon-shangpin
- 手机
  .icon-shouji
- 下载
  .icon-xiazai
- 删除好友
  .icon-shanchuhaoyou
- 搜索
  .icon-sousuo1
- 信息
  .icon-xinxi
- 时间
  .icon-shijian
- 收藏
  .icon-shoucang
- 数据
  .icon-shuju
- 图片
  .icon-tupian
- 相机
  .icon-xiangji
- 信用卡
  .icon-xinyongka
- 应用
  .icon-yingyong
- 上传
  .icon-shangchuan
- 视频
  .icon-shipin
- 添加
  .icon-tianjia
- 定位
  .icon-dingwei
- 标签
  .icon-biaoqian
- 编辑
  .icon-bianji
- 我的
  .icon-wode
- 订单
  .icon-dingdan
- 消息
  .icon-xiaoxi
- 添加好友
  .icon-tianjiahaoyou
- 余额
  .icon-yue
- 文件夹
  .icon-wenjianjia
- 资料
  .icon-ziliao
- 资金管理
  .icon-zijinguanli
- 安全查询
  .icon-anquanchaxun
- 变更管理
  .icon-biangengguanli
- 查询管理
  .icon-chaxunguanli
- 仓库管理
  .icon-cangkuguanli
- 安全权限
  .icon-anquanquanxian
- 出库管理
  .icon-chukuguanli
- 安全体系
  .icon-anquantixi
- 安全措施管理
  .icon-anquancuoshiguanli
- 工程计划
  .icon-gongchengjihua
- 监理日志
  .icon-jianlirizhi
- 库存管理
  .icon-kucunguanli
- 采购管理
  .icon-caigouguanli
- 方案管理
  .icon-fanganguanli
- 车辆管理
  .icon-cheliangguanli
- 记录管理
  .icon-jiluguanli
- 成果管理
  .icon-chengguoguanli
- 合同管理
  .icon-hetongguanli
- 单位管理
  .icon-danweiguanli
- 个人信息管理
  .icon-gerenxinxiguanli
- 监控中心
  .icon-jiankongzhongxin
- 签字管理
  .icon-qianziguanli
- 任务详情
  .icon-renwuxiangqing
- 考勤管理
  .icon-kaoqinguanli
- 任务通知
  .icon-renwutongzhi
- 人员培训
  .icon-renyuanpeixun
- 日常管理
  .icon-richangguanli
- 领取记录
  .icon-lingqujilu
- 设置管理
  .icon-shezhiguanli
- 数据看板
  .icon-shujukanban
- 视角管理
  .icon-shijiaoguanli
- 数据中心管理
  .icon-shujuzhongxinguanli
- 任务中心
  .icon-renwuzhongxin
- 施工安全
  .icon-shigonganquan
- 劳务管理
  .icon-laowuguanli
- 数据中心
  .icon-shujuzhongxin
- 书签管理
  .icon-shuqianguanli
- 特种证管理
  .icon-tezhongzhengguanli
- 添加文件
  .icon-tianjiawenjian
- 数据上传
  .icon-shujushangchuan
- 入库管理
  .icon-rukuguanli
- 疫情管理
  .icon-yiqingguanli
- 文件夹
  .icon-wenjianjia1
- 审核管理
  .icon-shenheguanli
- 物资核销
  .icon-wuzihexiao
- 日志中心
  .icon-rizhizhongxin
- 退货报废
  .icon-tuihuobaofei
- 数据下载
  .icon-shujuxiazai
- 预警管理
  .icon-yujingguanli
- 危险源管理
  .icon-weixianyuanguanli
- 我的任务
  .icon-woderenwu
- 文件管理
  .icon-wenjianguanli
- 循环处理
  .icon-xunhuanchuli
- 支付管理
  .icon-zhifuguanli
- 职业健康
  .icon-zhiyejiankang
- 资金安全
  .icon-zijinanquan
- 云数据
  .icon-yunshuju
- 质量管理
  .icon-zhiliangguanli

## font-class 引用

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

与 Unicode 使用方式相比，具有如下特点：

- 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。

使用步骤如下：

### 第一步：引入项目下面生成的 fontclass 代码：

    <link rel="stylesheet" href="./iconfont.css">

### 第二步：挑选相应图标并获取类名，应用于页面：

    <span class="icon icon-xxx"></span>

> " icon" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。

- 微信
  #icon-weixin
- github
  #icon-github
- 微信公众号
  #icon-weixingongzhonghao
- 公众号授权
  #icon-gongzhonghaoshouquan
- 微博
  #icon-weibo
- QQ-circle-fill
  #icon-QQ-circle-fill
- 钉钉
  #icon-dingding
- 补偿管理_1
  #icon-buchangguanli_
- 参数维护
  #icon-canshuweihu
- 抖音
  #icon-douyin
- gitee
  #icon-gitee
- 组织管理
  #icon-zuzhiguanli1
- 消息管理
  #icon-xiaoxiguanli
- 附件管理
  #icon-fujianguanli
- 省:市
  #icon-shengshi
- 通知管理
  #icon-tongzhiguanli-
- 行业类型
  #icon-hangyeleixing
- 银行类型
  #icon-yinhangleixing
- 类型
  #icon-leixing3
- 网关路由
  #icon-wangguanluyou
- 消息模板
  #icon-xiaoximoban
- 操作日志
  #icon-caozuorizhi
- 数据字典
  #icon-shujuzidian
- 系统管理
  #icon-xitongguanli
- 权限管理
  #icon-quanxianguanli
- 地区区域
  #icon-diququyu
- 基础设置
  #icon-jichushezhi
- 配置数据源
  #icon-peizhishujuyuan
- 数据库,数据
  #icon-odbc-full
- 模块
  #icon-mokuai
- 开发文档
  #icon-kaifawendang
- redis
  #icon-redis
- 调度管理
  #icon-tiaoduguanli
- 基础模块
  #icon-jichumokuai
- 组织管理
  #icon-zuzhiguanli
- check-circle
  #icon-check-circle
- 日志
  #icon-rizhi
- 项目立项
  #icon-xiangmulixiang
- 验收项目评审
  #icon-yanshouxiangmupingshen
- 单位成员管理
  #icon-danweichengyuanguanli
- 单位信息管理
  #icon-danweixinxiguanli
- 项目执行
  #icon-xiangmuzhihang
- 通知
  #icon-tongzhi
- 角色管理
  #icon-jiaoseguanli
- 项目受理
  #icon-xiangmushouli
- 项目评审
  #icon-xiangmupingshen
- 项目验收
  #icon-xiangmuyanshou
- 项目归档
  #icon-xiangmuguidang
- 项目申报
  #icon-xiangmushenbao
- 专家管理
  #icon-zhuanjiaguanli
- 用户管理
  #icon-yonghuguanli
- 申报项目评审
  #icon-shenbaoxiangmupingshen
- 日期选择
  #icon-riqixuanze
- 圆圈错误
  #icon-yuanquancuowu
- 圆圈勾选
  #icon-yuanquangouxuan
- 圆圈警示
  #icon-yuanquanjingshi
- 筛选
  #icon-shaixuan
- 工作台
  #icon-gongzuotai
- 搜索
  #icon-sousuo
- 圆圈疑问
  #icon-yuanquanyiwen
- 数据分析
  #icon-shujufenxi
- 采购申请
  #icon-caigoushenqing
- 采购记录
  #icon-caigoujilu
- 系统
  #icon-xitong
- 菜单管理
  #icon-caidanguanli
- 知识
  #icon-zhishi
- 门户管理
  #icon-menhuguanli
- 指南2
  #icon-zhinan2
- 指南1
  #icon-zhinan1
- 项目推荐
  #icon-xiangmutuijian
- 工作流
  #icon-gongzuoliu
- 好友认证
  #icon-haoyourenzheng
- 分享
  #icon-fenxiang
- 排序
  #icon-paixu
- 概率
  #icon-gaishuai
- 活动
  #icon-huodong
- 减少
  #icon-jianshao
- 更多
  #icon-gengduo
- 发送
  #icon-fasong
- 权限
  #icon-quanxian
- 兑换
  #icon-duihuan
- 评论
  #icon-pinglun
- 发现
  #icon-faxian
- 历史记录
  #icon-lishijilu
- 删除
  #icon-shanchu
- 计划
  #icon-jihua
- 券
  #icon-quan
- 钱包
  #icon-qianbao
- 扫码
  #icon-saoma
- 设置
  #icon-shezhi
- 认证
  #icon-renzheng
- 首页
  #icon-shouye
- 趋势
  #icon-qushi
- 商品
  #icon-shangpin
- 手机
  #icon-shouji
- 下载
  #icon-xiazai
- 删除好友
  #icon-shanchuhaoyou
- 搜索
  #icon-sousuo1
- 信息
  #icon-xinxi
- 时间
  #icon-shijian
- 收藏
  #icon-shoucang
- 数据
  #icon-shuju
- 图片
  #icon-tupian
- 相机
  #icon-xiangji
- 信用卡
  #icon-xinyongka
- 应用
  #icon-yingyong
- 上传
  #icon-shangchuan
- 视频
  #icon-shipin
- 添加
  #icon-tianjia
- 定位
  #icon-dingwei
- 标签
  #icon-biaoqian
- 编辑
  #icon-bianji
- 我的
  #icon-wode
- 订单
  #icon-dingdan
- 消息
  #icon-xiaoxi
- 添加好友
  #icon-tianjiahaoyou
- 余额
  #icon-yue
- 文件夹
  #icon-wenjianjia
- 资料
  #icon-ziliao
- 资金管理
  #icon-zijinguanli
- 安全查询
  #icon-anquanchaxun
- 变更管理
  #icon-biangengguanli
- 查询管理
  #icon-chaxunguanli
- 仓库管理
  #icon-cangkuguanli
- 安全权限
  #icon-anquanquanxian
- 出库管理
  #icon-chukuguanli
- 安全体系
  #icon-anquantixi
- 安全措施管理
  #icon-anquancuoshiguanli
- 工程计划
  #icon-gongchengjihua
- 监理日志
  #icon-jianlirizhi
- 库存管理
  #icon-kucunguanli
- 采购管理
  #icon-caigouguanli
- 方案管理
  #icon-fanganguanli
- 车辆管理
  #icon-cheliangguanli
- 记录管理
  #icon-jiluguanli
- 成果管理
  #icon-chengguoguanli
- 合同管理
  #icon-hetongguanli
- 单位管理
  #icon-danweiguanli
- 个人信息管理
  #icon-gerenxinxiguanli
- 监控中心
  #icon-jiankongzhongxin
- 签字管理
  #icon-qianziguanli
- 任务详情
  #icon-renwuxiangqing
- 考勤管理
  #icon-kaoqinguanli
- 任务通知
  #icon-renwutongzhi
- 人员培训
  #icon-renyuanpeixun
- 日常管理
  #icon-richangguanli
- 领取记录
  #icon-lingqujilu
- 设置管理
  #icon-shezhiguanli
- 数据看板
  #icon-shujukanban
- 视角管理
  #icon-shijiaoguanli
- 数据中心管理
  #icon-shujuzhongxinguanli
- 任务中心
  #icon-renwuzhongxin
- 施工安全
  #icon-shigonganquan
- 劳务管理
  #icon-laowuguanli
- 数据中心
  #icon-shujuzhongxin
- 书签管理
  #icon-shuqianguanli
- 特种证管理
  #icon-tezhongzhengguanli
- 添加文件
  #icon-tianjiawenjian
- 数据上传
  #icon-shujushangchuan
- 入库管理
  #icon-rukuguanli
- 疫情管理
  #icon-yiqingguanli
- 文件夹
  #icon-wenjianjia1
- 审核管理
  #icon-shenheguanli
- 物资核销
  #icon-wuzihexiao
- 日志中心
  #icon-rizhizhongxin
- 退货报废
  #icon-tuihuobaofei
- 数据下载
  #icon-shujuxiazai
- 预警管理
  #icon-yujingguanli
- 危险源管理
  #icon-weixianyuanguanli
- 我的任务
  #icon-woderenwu
- 文件管理
  #icon-wenjianguanli
- 循环处理
  #icon-xunhuanchuli
- 支付管理
  #icon-zhifuguanli
- 职业健康
  #icon-zhiyejiankang
- 资金安全
  #icon-zijinanquan
- 云数据
  #icon-yunshuju
- 质量管理
  #icon-zhiliangguanli

## Symbol 引用

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：

- 支持多色图标了，不再受单色限制。
- 通过一些技巧，支持像字体那样，通过 `font-size`, `color` 来调整样式。
- 兼容性较差，支持 IE9+，及现代浏览器。
- 浏览器渲染 SVG 的性能一般，还不如 png。

使用步骤如下：

### 第一步：引入项目下面生成的 symbol 代码：

    <script src="./iconfont.js"></script>

### 第二步：加入通用 CSS 代码（引入一次就行）：

    <style>
    .icon {
      width: 1em;
      height: 1em;
      vertical-align: -0.15em;
      fill: currentColor;
      overflow: hidden;
    }
    </style>

### 第三步：挑选相应图标并获取类名，应用于页面：

    <svg class="icon" aria-hidden="true">
      <use xlink:href="#icon-xxx"></use>
    </svg>