#

- 
  查询日记
  &#xe81e;
- 
  普通事件
  &#xe81f;
- 
  轨迹点
  &#xe820;
- 
  轨迹
  &#xe821;
- 
  汛情信息
  &#xe822;
- 
  巡查日记
  &#xe823;
- 
  计划
  &#xe824;
- 
  隐患信息
  &#xe825;
- 
  紧急事件
  &#xe826;
- 
  账户
  &#xe81c;
- 
  密码
  &#xe81d;
- 
  水质
  &#xe816;
- 
  服务器
  &#xe817;
- 
  异常
  &#xe818;
- 
  管网
  &#xe819;
- 
  水波图
  &#xe81a;
- 
  业务报警
  &#xe81b;
- 
  路径规划、查看
  &#xe815;
- 
  新增用户
  &#xe80d;
- 
  其他收费
  &#xe80e;
- 
  支付宝
  &#xe80f;
- 
  收费
  &#xe810;
- 
  微信
  &#xe811;
- 
  售水量
  &#xe812;
- 
  农商银行
  &#xe813;
- 
  柜台缴费
  &#xe814;
- 
  初视点
  &#xe80c;
- 
  提示
  &#xe80b;
- 
  删除
  &#xe808;
- 
  新增
  &#xe809;
- 
  选中
  &#xe80a;
- 
  阀门控制点
  &#xe7f2;
- 
  电动阀
  &#xe7f3;
- 
  加压站
  &#xe7f4;
- 
  普通摄像机
  &#xe7f5;
- 
  加药泵
  &#xe7f6;
- 
  压力变送器
  &#xe7f7;
- 
  水源地
  &#xe7f8;
- 
  水质监测
  &#xe7f9;
- 
  融合摄像机
  &#xe7fa;
- 
  差压变送器
  &#xe7fb;
- 
  配电箱
  &#xe7fc;
- 
  水泵
  &#xe7fd;
- 
  流量计
  &#xe7fe;
- 
  清水水质仪表
  &#xe7ff;
- 
  压力监测
  &#xe800;
- 
  噪声监测仪
  &#xe801;
- 
  制水厂
  &#xe802;
- 
  液位计
  &#xe803;
- 
  送水水质仪表
  &#xe804;
- 
  流量监测
  &#xe805;
- 
  鼓风机
  &#xe806;
- 
  原水水质仪表
  &#xe807;
- 
  早晨
  &#xe7ee;
- 
  晚上
  &#xe7ef;
- 
  中午
  &#xe7f0;
- 
  黄昏
  &#xe7f1;
- 
  场景音效
  &#xe7ea;
- 
  场景漫游
  &#xe7eb;
- 
  测量工具
  &#xe7ec;
- 
  保存视图
  &#xe7ed;
- 
  入水口
  &#xe7e9;
- 
  默认_1
  &#xe7e7;
- 
  选中_2
  &#xe7e8;
- 
  正常标签
  &#xe7e6;
- 
  加急
  &#xe7e5;
- 
  综合管网分析
  &#xe7e2;
- 
  公房管理
  &#xe7e3;
- 
  基础地理信息管理
  &#xe7e4;
- 
  转派
  &#xe7e1;
- 
  驳回
  &#xe7e0;
- 
  增加
  &#xe7ad;
- 
  减、移除
  &#xe7ac;
- 
  未施工
  &#xe7ab;
- 
  施工中
  &#xe7aa;
- 
  施工
  &#xe7a8;
- 
  坐标
  &#xe7a9;
- 
  鼓风机-03
  &#xe7a5;
- 
  鼓风机-01
  &#xe7a6;
- 
  鼓风机-02
  &#xe7a7;
- 
  刮泥机-02
  &#xe7a3;
- 
  刮泥机-01
  &#xe7a4;
- 
  鼓风机-1
  &#xe79e;
- 
  刮泥机-1
  &#xe79f;
- 
  刮泥机-2
  &#xe7a0;
- 
  鼓风机-2
  &#xe7a1;
- 
  鼓风机-3
  &#xe7a2;
- 
  未驳回
  &#xe79c;
- 
  未转发
  &#xe79d;
- 
  未超时
  &#xe798;
- 
  已转发
  &#xe799;
- 
  已超时
  &#xe79a;
- 
  已驳回
  &#xe79b;
- 
  地表水质检测仪
  &#xe796;
- 
  管道水质检测仪
  &#xe797;
- 
  饼图
  &#xe793;
- 
  统计图
  &#xe794;
- 
  统计表
  &#xe795;
- 
  水质摄像头
  &#xe78f;
- 
  地表水水质监测仪
  &#xe790;
- 
  管井水质监测仪
  &#xe791;
- 
  指北针2
  &#xe779;
- 
  指北针1
  &#xe77a;
- 
  俯视_1
  &#xe77b;
- 
  终点1
  &#xe777;
- 
  起点1
  &#xe778;
- 
  污水处理
  &#xe776;
- 
  列表
  &#xe774;
- 
  树
  &#xe775;
- 
  水质计算工具
  &#xe773;
- 
  河道水质管理
  &#xe772;
- 
  人员轨迹
  &#xe771;
- 
  定位
  &#xe770;
- 
  档案管理
  &#xe757;
- 
  河道基本信息管理
  &#xe758;
- 
  报警工单管理
  &#xe759;
- 
  河道巡查专题
  &#xe75a;
- 
  监测报警管理
  &#xe75b;
- 
  标准管理
  &#xe75c;
- 
  河湖监测
  &#xe75d;
- 
  河道专题
  &#xe75e;
- 
  权限管理
  &#xe75f;
- 
  河道运维管理
  &#xe760;
- 
  人工采样监测
  &#xe761;
- 
  人工检测专题
  &#xe762;
- 
  系统管理
  &#xe763;
- 
  污染源专题
  &#xe764;
- 
  考核总览
  &#xe765;
- 
  系统设置
  &#xe766;
- 
  污染源数据
  &#xe767;
- 
  考核管理
  &#xe768;
- 
  设备监测专题
  &#xe769;
- 
  消息通知
  &#xe76a;
- 
  监测站信息管理
  &#xe76b;
- 
  外部考核指标管理
  &#xe76c;
- 
  设备监测信息管理
  &#xe76d;
- 
  统计分析
  &#xe76e;
- 
  信息发布
  &#xe76f;
- 
  重播
  &#xe748;
- 
  播放
  &#xe747;
- 
  暂停
  &#xe746;
- 
  终点
  &#xe745;
- 
  起点
  &#xe744;
- 
  污水处理厂
  &#xe743;
- 
  考核断面
  &#xe742;
- 
  入河口
  &#xe740;
- 
  管控断面
  &#xe73f;
- 
  加密断面
  &#xe73e;
- 
  水环境大屏-加密断面
  &#xe73c;
- 
  水环境大屏-入河口
  &#xe73b;
- 
  水环境大屏-考核断面
  &#xe73a;
- 
  水环境大屏-管控断面
  &#xe739;
- 
  水环境大屏-污水处理厂
  &#xe738;
- 
  起点
  &#xe737;
- 
  事件
  &#xe736;
- 
  终点
  &#xe735;
- 
  治理点位
  &#xe734;
- 
  水环境大屏-入河口
  &#xe731;
- 
  水环境大屏-加密断面
  &#xe72f;
- 
  报警图标
  &#xe72d;
- 
  变径
  &#xe72c;
- 
  蝶阀
  &#xe72b;
- 
  废弃管线
  &#xe72a;
- 
  盖堵
  &#xe729;
- 
  隔膜阀
  &#xe728;
- 
  管线特征（出地）
  &#xe727;
- 
  规划管线
  &#xe726;
- 
  河流
  &#xe725;
- 
  检查井
  &#xe724;
- 
  减压阀
  &#xe723;
- 
  空管线
  &#xe722;
- 
  流量测点
  &#xe721;
- 
  排气阀
  &#xe720;
- 
  排污点
  &#xe71f;
- 
  排污阀
  &#xe71e;
- 
  其他测点
  &#xe71d;
- 
  其他阀门
  &#xe71c;
- 
  其他节点
  &#xe71b;
- 
  球阀
  &#xe71a;
- 
  取水口
  &#xe719;
- 
  取水头部
  &#xe718;
- 
  使用管线
  &#xe717;
- 
  疏水阀
  &#xe716;
- 
  水泵
  &#xe715;
- 
  水表
  &#xe714;
- 
  水库
  &#xe713;
- 
  水压测点
  &#xe712;
- 
  水源
  &#xe711;
- 
  水质测点
  &#xe710;
- 
  水质取样点
  &#xe70f;
- 
  三通
  &#xe70e;
- 
  四通
  &#xe70d;
- 
  乡镇边界
  &#xe70c;
- 
  消防栓
  &#xe70b;
- 
  预留口
  &#xe70a;
- 
  闸阀
  &#xe709;
- 
  标注2
  &#xe708;
- 
  标注1
  &#xe707;
- 
  地球
  &#xe706;
- 
  爆管
  &#xe705;
- 
  首页
  &#xe704;
- 
  消息 (2)
  &#xe703;
- 
  设置 (1)
  &#xe702;
- 
  消息 (1)
  &#xe701;
- 
  退出
  &#xe700;
- 
  水表检定
  &#xe6ff;
- 
  水表抽检
  &#xe6fe;
- 
  首检比例
  &#xe6fd;
- 
  表务编码
  &#xe6fc;
- 
  表务管理
  &#xe6fb;
- 
  业务管理
  &#xe6fa;
- 
  归档管理
  &#xe6f9;
- 
  质检管理
  &#xe6f8;
- 
  坐席工作台
  &#xe6f7;
- 
  应急服务
  &#xe6f6;
- 
  坐席管理
  &#xe6f5;
- 
  服务热线
  &#xe6f4;
- 
  入河口报警
  &#xe6f3;
- 
  农业养殖
  &#xe6f2;
- 
  污水处理厂
  &#xe6f1;
- 
  河流
  &#xe6f0;
- 
  河道水闸监控监测站
  &#xe6ef;
- 
  雨量计
  &#xe6ee;
- 
  水位计
  &#xe6ed;
- 
  水位视频监测站
  &#xe6ec;
- 
  水产养殖2
  &#xe6eb;
- 
  水产养殖1
  &#xe6ea;
- 
  管网
  &#xe6e8;
- 
  水质监测站
  &#xe6e7;
- 
  河道视频监测站
  &#xe6e6;
- 
  畜禽养殖
  &#xe6e5;
- 
  摄像头
  &#xe6e4;
- 
  水位雨量图像监测站
  &#xe6e3;
- 
  排水户
  &#xe6e2;
- 
  入河口
  &#xe6e1;
- 
  劣5类水质
  &#xe6e0;
- 
  4类水质
  &#xe6df;
- 
  3类水质
  &#xe6de;
- 
  2类水质
  &#xe6dd;
- 
  1类水质
  &#xe6dc;
- 
  1类水质
  &#xe6d9;
- 
  2类水质
  &#xe6d8;
- 
  3类水质
  &#xe6d7;
- 
  4类水质
  &#xe6d6;
- 
  入河口
  &#xe6d5;
- 
  排水户
  &#xe6d4;
- 
  劣5类水质
  &#xe6d2;
- 
  水位雨量图像监测站
  &#xe6d1;
- 
  水位视频监测站
  &#xe6d0;
- 
  水位计
  &#xe6cf;
- 
  雨量计
  &#xe6ce;
- 
  河道水闸监控监测站
  &#xe6cd;
- 
  河流
  &#xe6cc;
- 
  标签3
  &#xe6cb;
- 
  污水处理厂
  &#xe6ca;
- 
  摄像头
  &#xe6c9;
- 
  管网
  &#xe6c8;
- 
  水质监测站
  &#xe6c7;
- 
  河道视频监测站
  &#xe6c6;
- 
  标签2
  &#xe6c5;
- 
  标签1
  &#xe6c4;
- 
  农业养殖
  &#xe6c3;
- 
  水产养殖1
  &#xe6c2;
- 
  水产养殖2
  &#xe6c1;
- 
  畜禽养殖
  &#xe6c0;
- 
  视点管理
  &#xe6bf;
- 
  截图
  &#xe6bd;
- 
  巨量工具
  &#xe6bc;
- 
  面积
  &#xe6ba;
- 
  角度
  &#xe6b9;
- 
  新增视点
  &#xe6b8;
- 
  查看视点
  &#xe6b7;
- 
  上传视点
  &#xe6b6;
- 
  打印
  &#xe6b5;
- 
  全屏 (1)
  &#xe6b4;
- 
  初始范围
  &#xe6b3;
- 
  下线
  &#xe6b1;
- 
  上线
  &#xe6af;
- 
  会议
  &#xe6ae;
- 
  转移
  &#xe6ad;
- 
  呼叫
  &#xe6ac;
- 
  保持
  &#xe6ab;
- 
  闲置
  &#xe6aa;
- 
  置忙
  &#xe6a9;
- 
  休息
  &#xe6a8;
- 
  挂机
  &#xe6a7;
- 
  登录
  &#xe6a6;
- 
  清除
  &#xe6a5;
- 
  全部
  &#xe6a4;
- 
  下班
  &#xe6a3;
- 
  上班
  &#xe6a2;
- 
  Wifi定位
  &#xe6a0;
- 
  GPS定位
  &#xe69f;
- 
  基站定位
  &#xe69e;
- 
  离线
  &#xe69d;
- 
  jx
  &#xe69c;
- 
  zcsj
  &#xe69b;
- 
  dbxhz
  &#xe69a;
- 
  clgj
  &#xe699;
- 
  dttcgl
  &#xe698;
- 
  dtbz
  &#xe697;
- 
  xydtsj
  &#xe696;
- 
  sydtsj
  &#xe695;
- 
  tuli
  &#xe694;
- 
  fdsj
  &#xe693;
- 
  sxsj
  &#xe692;
- 
  yy
  &#xe691;
- 
  lssjcx
  &#xe690;
- 
  cbjhgl
  &#xe68f;
- 
  sjcbgl
  &#xe68d;
- 
  yscbgl
  &#xe68c;
- 
  zlgl
  &#xe68a;
- 
  zskgl
  &#xe689;
- 
  bzgl
  &#xe688;
- 
  dxgl
  &#xe687;
- 
  slbbgl
  &#xe686;
- 
  cbrygl
  &#xe685;
- 
  cbsbgl
  &#xe684;
- 
  tygj
  &#xe683;
- 
  scada
  &#xe682;
- 
  bwzl
  &#xe681;
- 
  jthz
  &#xe680;
- 
  tyhz1
  &#xe67e;
- 
  wbbj
  &#xe67d;
- 
  qxhz
  &#xe67c;
- 
  sc1
  &#xe67b;
- 
  sc
  &#xe67a;
- 
  bmwh
  &#xe678;
- 
  gwfx2
  &#xe677;
- 
  gwfx1
  &#xe676;
- 
  tjfx
  &#xe675;
- 
  rygl
  &#xe674;
- 
  gdcx
  &#xe673;
- 
  zjxl
  &#xe672;
- 
  zjgd
  &#xe671;
- 
  cbtjfx
  &#xe670;
- 
  sbzq
  &#xe66f;
- 
  sblz
  &#xe66e;
- 
  bwzl
  &#xe66d;
- 
  jhgl
  &#xe66c;
- 
  pzgl
  &#xe66b;
- 
  scgsl
  &#xe66a;
- 
  ydsjys
  &#xe669;
- 
  zsdwcb
  &#xe668;
- 
  sjqsfx
  &#xe667;
- 
  sjdb
  &#xe666;
- 
  cbgl
  &#xe664;
- 
  ysgl
  &#xe663;
- 
  slbd
  &#xe662;
- 
  qbgl
  &#xe661;
- 
  dma
  &#xe660;
- 
  bbgl
  &#xe65f;
- 
  yjh
  &#xe65e;
- 
  njh
  &#xe65d;
- 
  jkzx
  &#xe65c;
- 
  rcgl
  &#xe65b;
- 
  yhgl
  &#xe65a;
- 
  sgjg2
  &#xe659;
- 
  sgjg1
  &#xe658;
- 
  tygj
  &#xe657;
- 
  xtgl
  &#xe656;
- 
  xtsz
  &#xe655;
- 
  cxtj
  &#xe654;
- 
  yxxx
  &#xe653;
- 
  zttgl
  &#xe651;
- 
  zcgl
  &#xe650;
- 
  zhyy
  &#xe64e;
- 
  qxgl
  &#xe64b;
- 
  sjtj
  &#xe64a;
- 
  yyfw
  &#xe649;
- 
  jkgl
  &#xe648;
- 
  szgl
  &#xe647;
- 
  tjcx
  &#xe646;
- 
  sbjd
  &#xe645;
- 
  gdgl
  &#xe644;
- 
  sousu
  &#xe643;
- 
  xjt
  &#xe642;
- 
  sjt
  &#xe641;

## Unicode 引用

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

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

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

Unicode 使用步骤如下：

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

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

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

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

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

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

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

- 查询日记
  .iconchaxunriji
- 普通事件
  .iconputongshijian
- 轨迹点
  .iconguijidian
- 轨迹
  .iconguiji
- 汛情信息
  .iconxunqingxinxi
- 巡查日记
  .iconxunchariji
- 计划
  .iconjihua
- 隐患信息
  .iconyinhuanxinxi
- 紧急事件
  .iconjinjishijian
- 账户
  .iconzhanghu
- 密码
  .iconmima
- 水质
  .iconshuizhi
- 服务器
  .iconfuwuqi
- 异常
  .iconyichang
- 管网
  .iconguanwang2
- 水波图
  .iconshuibotu
- 业务报警
  .iconyewubaojing
- 路径规划、查看
  .icona-lujingguihuachakan
- 新增用户
  .iconxinzengyonghu
- 其他收费
  .iconqitashoufei
- 支付宝
  .iconzhifubao
- 收费
  .iconshoufei
- 微信
  .iconweixin
- 售水量
  .iconshoushuiliang
- 农商银行
  .iconnongshangyinhang
- 柜台缴费
  .iconguitaijiaofei
- 初视点
  .iconchushidian
- 提示
  .icontishi
- 删除
  .iconshanchu
- 新增
  .iconxinzeng
- 选中
  .iconxuanzhong
- 阀门控制点
  .iconfamenkongzhidian
- 电动阀
  .icondiandongfa
- 加压站
  .iconjiayazhan
- 普通摄像机
  .iconputongshexiangji
- 加药泵
  .iconjiayaobeng
- 压力变送器
  .iconyalibiansongqi
- 水源地
  .iconshuiyuandi
- 水质监测
  .iconshuizhijiance
- 融合摄像机
  .iconrongheshexiangji
- 差压变送器
  .iconchayabiansongqi
- 配电箱
  .iconpeidianxiang
- 水泵
  .iconshuibeng1
- 流量计
  .iconliuliangji
- 清水水质仪表
  .iconqingshuishuizhiyibiao
- 压力监测
  .iconyalijiance
- 噪声监测仪
  .iconzaoshengjianceyi
- 制水厂
  .iconzhishuichang
- 液位计
  .iconyeweiji
- 送水水质仪表
  .iconsongshuishuizhiyibiao
- 流量监测
  .iconliuliangjiance
- 鼓风机
  .icongufengji
- 原水水质仪表
  .iconyuanshuishuizhiyibiao
- 早晨
  .iconzaochen
- 晚上
  .iconwanshang
- 中午
  .iconzhongwu
- 黄昏
  .iconhuanghun
- 场景音效
  .iconchangjingyinxiao
- 场景漫游
  .iconchangjingmanyou
- 测量工具
  .iconcelianggongju
- 保存视图
  .iconbaocunshitu
- 入水口
  .iconrushuikou
- 默认_1
  .iconmoren_1
- 选中_2
  .iconxuanzhong_2
- 正常标签
  .iconzhengchangbiaoqian
- 加急
  .iconjiaji
- 综合管网分析
  .iconzongheguanwangfenxi
- 公房管理
  .icongongfangguanli
- 基础地理信息管理
  .iconjichudilixinxiguanli
- 转派
  .iconzhuanpai
- 驳回
  .iconbohui
- 增加
  .iconzengjia
- 减、移除
  .icona-jianyichu
- 未施工
  .iconweishigong
- 施工中
  .iconshigongzhong
- 施工
  .iconshigong
- 坐标
  .iconzuobiao
- 鼓风机-03
  .icongufengji-03
- 鼓风机-01
  .icongufengji-01
- 鼓风机-02
  .icongufengji-02
- 刮泥机-02
  .iconguaniji-02
- 刮泥机-01
  .iconguaniji-01
- 鼓风机-1
  .icongufengji-1
- 刮泥机-1
  .iconguaniji-1
- 刮泥机-2
  .iconguaniji-2
- 鼓风机-2
  .icongufengji-2
- 鼓风机-3
  .icongufengji-3
- 未驳回
  .iconweibohui
- 未转发
  .iconweizhuanfa
- 未超时
  .iconweichaoshi
- 已转发
  .iconyizhuanfa
- 已超时
  .iconyichaoshi
- 已驳回
  .iconyibohui
- 地表水质检测仪
  .icondibiaoshuizhijianceyi
- 管道水质检测仪
  .iconguandaoshuizhijianceyi
- 饼图
  .iconbingtu
- 统计图
  .icontongjitu
- 统计表
  .icontongjibiao
- 水质摄像头
  .iconshuizhishexiangtou
- 地表水水质监测仪
  .icondibiaoshuishuizhijianceyi
- 管井水质监测仪
  .iconguanjingshuizhijianceyi
- 指北针2
  .iconzhibeizhen2
- 指北针1
  .iconzhibeizhen1
- 俯视_1
  .iconfushi_1
- 终点1
  .iconzhongdian11
- 起点1
  .iconqidian11
- 污水处理
  .iconwushuichuli
- 列表
  .iconliebiao
- 树
  .iconshu
- 水质计算工具
  .iconshuizhijisuangongju
- 河道水质管理
  .iconhedaoshuizhiguanli
- 人员轨迹
  .iconrenyuanguiji
- 定位
  .icondingwei
- 档案管理
  .icondanganguanli
- 河道基本信息管理
  .iconhedaojibenxinxiguanli
- 报警工单管理
  .iconbaojinggongdanguanli
- 河道巡查专题
  .iconhedaoxunchazhuanti
- 监测报警管理
  .iconjiancebaojingguanli
- 标准管理
  .iconbiaozhunguanli
- 河湖监测
  .iconhehujiance
- 河道专题
  .iconhedaozhuanti
- 权限管理
  .iconquanxianguanli
- 河道运维管理
  .iconhedaoyunweiguanli
- 人工采样监测
  .iconrengongcaiyangjiance
- 人工检测专题
  .iconrengongjiancezhuanti
- 系统管理
  .iconxitongguanli
- 污染源专题
  .iconwuranyuanzhuanti
- 考核总览
  .iconkaohezonglan
- 系统设置
  .iconxitongshezhi
- 污染源数据
  .iconwuranyuanshuju
- 考核管理
  .iconkaoheguanli
- 设备监测专题
  .iconshebeijiancezhuanti
- 消息通知
  .iconxiaoxitongzhi
- 监测站信息管理
  .iconjiancezhanxinxiguanli
- 外部考核指标管理
  .iconwaibukaohezhibiaoguanli
- 设备监测信息管理
  .iconshebeijiancexinxiguanli
- 统计分析
  .icontongjifenxi
- 信息发布
  .iconxinxifabu
- 重播
  .iconzhongbo
- 播放
  .iconbofang
- 暂停
  .iconzanting
- 终点
  .iconzhongdian1
- 起点
  .iconqidian1
- 污水处理厂
  .iconwushuichulichang2
- 考核断面
  .iconkaoheduanmian
- 入河口
  .iconruhekou2
- 管控断面
  .iconguankongduanmian
- 加密断面
  .iconjiamiduanmian
- 水环境大屏-加密断面
  .iconshuihuanjingdaping-jiamiduanmian1
- 水环境大屏-入河口
  .iconshuihuanjingdaping-ruhekou1
- 水环境大屏-考核断面
  .iconshuihuanjingdaping-kaoheduanmian
- 水环境大屏-管控断面
  .iconshuihuanjingdaping-guankongduanmian
- 水环境大屏-污水处理厂
  .iconshuihuanjingdaping-wushuichulichang
- 起点
  .iconqidian
- 事件
  .iconshijian
- 终点
  .iconzhongdian
- 治理点位
  .iconzhilidianwei
- 水环境大屏-入河口
  .iconshuihuanjingdaping-ruhekou
- 水环境大屏-加密断面
  .iconshuihuanjingdaping-jiamiduanmian
- 报警图标
  .iconbaojingtubiao
- 变径
  .iconbianjing
- 蝶阀
  .icondiefa
- 废弃管线
  .iconfeiqiguanxian
- 盖堵
  .icongaidu
- 隔膜阀
  .icongemofa
- 管线特征（出地）
  .iconguanxiantezhengchudi
- 规划管线
  .iconguihuaguanxian
- 河流
  .iconheliu2
- 检查井
  .iconjianchajing
- 减压阀
  .iconjianyafa
- 空管线
  .iconkongguanxian
- 流量测点
  .iconliuliangcedian
- 排气阀
  .iconpaiqifa
- 排污点
  .iconpaiwudian
- 排污阀
  .iconpaiwufa
- 其他测点
  .iconqitacedian
- 其他阀门
  .iconqitafamen
- 其他节点
  .iconqitajiedian
- 球阀
  .iconqiufa
- 取水口
  .iconqushuikou
- 取水头部
  .iconqushuitoubu
- 使用管线
  .iconshiyongguanxian
- 疏水阀
  .iconshushuifa
- 水泵
  .iconshuibeng
- 水表
  .iconshuibiao
- 水库
  .iconshuiku
- 水压测点
  .iconshuiyacedian
- 水源
  .iconshuiyuan
- 水质测点
  .iconshuizhicedian
- 水质取样点
  .iconshuizhiquyangdian
- 三通
  .iconsantong
- 四通
  .iconsitong
- 乡镇边界
  .iconxiangzhenbianjie
- 消防栓
  .iconxiaofangshuan
- 预留口
  .iconyuliukou
- 闸阀
  .iconzhafa
- 标注2
  .iconbiaozhu2
- 标注1
  .iconbiaozhu1
- 地球
  .icondiqiu
- 爆管
  .iconbaoguan
- 首页
  .iconshouye
- 消息 (2)
  .iconxiaoxi2
- 设置 (1)
  .iconshezhi1
- 消息 (1)
  .iconxiaoxi1
- 退出
  .icontuichu
- 水表检定
  .iconshuibiaojianding
- 水表抽检
  .iconshuibiaochoujian
- 首检比例
  .iconshoujianbili
- 表务编码
  .iconbiaowubianma
- 表务管理
  .iconbiaowuguanli
- 业务管理
  .iconyewuguanli
- 归档管理
  .iconguidangguanli
- 质检管理
  .iconzhijianguanli
- 坐席工作台
  .iconzuoxigongzuotai
- 应急服务
  .iconyingjifuwu
- 坐席管理
  .iconzuoxiguanli
- 服务热线
  .iconfuwurexian
- 入河口报警
  .iconruhekoubaojing
- 农业养殖
  .iconnongyeyangzhi2
- 污水处理厂
  .iconwushuichulichang1
- 河流
  .iconheliu1
- 河道水闸监控监测站
  .iconhedaoshuizhajiankongjiancezhan1
- 雨量计
  .iconyuliangji1
- 水位计
  .iconshuiweiji1
- 水位视频监测站
  .iconshuiweishipinjiancezhan1
- 水产养殖2
  .iconshuichanyangzhi21
- 水产养殖1
  .iconshuichanyangzhi11
- 管网
  .iconguanwang1
- 水质监测站
  .iconshuizhijiancezhan1
- 河道视频监测站
  .iconhedaoshipinjiancezhan1
- 畜禽养殖
  .iconxuqinyangzhi1
- 摄像头
  .iconshexiangtou1
- 水位雨量图像监测站
  .iconshuiweiyuliangtuxiangjiancezhan1
- 排水户
  .iconpaishuihu
- 入河口
  .iconruhekou1
- 劣5类水质
  .iconlie5leishuizhi1
- 4类水质
  .icon4leishuizhi1
- 3类水质
  .icon3leishuizhi1
- 2类水质
  .icon2leishuizhi1
- 1类水质
  .icon1leishuizhi1
- 1类水质
  .icon1leishuizhi
- 2类水质
  .icon2leishuizhi
- 3类水质
  .icon3leishuizhi
- 4类水质
  .icon4leishuizhi
- 入河口
  .iconruhekou
- 排水户
  .iconpaishuihu1
- 劣5类水质
  .iconlie5leishuizhi
- 水位雨量图像监测站
  .iconshuiweiyuliangtuxiangjiancezhan
- 水位视频监测站
  .iconshuiweishipinjiancezhan
- 水位计
  .iconshuiweiji
- 雨量计
  .iconyuliangji
- 河道水闸监控监测站
  .iconhedaoshuizhajiankongjiancezhan
- 河流
  .iconheliu
- 标签3
  .iconbiaoqian3
- 污水处理厂
  .iconwushuichulichang
- 摄像头
  .iconshexiangtou
- 管网
  .iconguanwang
- 水质监测站
  .iconshuizhijiancezhan
- 河道视频监测站
  .iconhedaoshipinjiancezhan
- 标签2
  .iconbiaoqian2
- 标签1
  .iconbiaoqian1
- 农业养殖
  .iconnongyeyangzhi
- 水产养殖1
  .iconshuichanyangzhi1
- 水产养殖2
  .iconshuichanyangzhi2
- 畜禽养殖
  .iconxuqinyangzhi
- 视点管理
  .iconshidianguanli
- 截图
  .iconjietu
- 巨量工具
  .iconjulianggongju
- 面积
  .iconmianji
- 角度
  .iconjiaodu
- 新增视点
  .iconxinzengshidian
- 查看视点
  .iconchakanshidian
- 上传视点
  .iconshangchuanshidian
- 打印
  .icondayin
- 全屏 (1)
  .iconquanping1
- 初始范围
  .iconchushifanwei
- 下线
  .iconxiaxian
- 上线
  .iconshangxian
- 会议
  .iconhuiyi
- 转移
  .iconzhuanyi
- 呼叫
  .iconhujiao
- 保持
  .iconbaochi
- 闲置
  .iconxianzhi
- 置忙
  .iconzhimang
- 休息
  .iconxiuxi
- 挂机
  .iconguaji
- 登录
  .icondenglu
- 清除
  .iconqingchu
- 全部
  .iconquanbu
- 下班
  .iconxiaban
- 上班
  .iconshangban
- Wifi定位
  .iconWifidingwei
- GPS定位
  .iconGPSdingwei
- 基站定位
  .iconjizhandingwei
- 离线
  .iconlixian
- jx
  .iconjx
- zcsj
  .iconzcsj
- dbxhz
  .icondbxhz
- clgj
  .iconclgj
- dttcgl
  .icondttcgl
- dtbz
  .icondtbz
- xydtsj
  .iconxydtsj
- sydtsj
  .iconsydtsj
- tuli
  .icontuli
- fdsj
  .iconfdsj
- sxsj
  .iconsxsj
- yy
  .iconyy
- lssjcx
  .iconlssjcx
- cbjhgl
  .iconcbjhgl1
- sjcbgl
  .iconsjcbgl
- yscbgl
  .iconyscbgl
- zlgl
  .iconzlgl
- zskgl
  .iconzskgl
- bzgl
  .iconbzgl
- dxgl
  .icondxgl
- slbbgl
  .iconslbbgl
- cbrygl
  .iconcbrygl
- cbsbgl
  .iconcbsbgl
- tygj
  .icontygj1
- scada
  .iconscada
- bwzl
  .iconbwzl1
- jthz
  .iconjthz
- tyhz1
  .icontyhz1
- wbbj
  .iconwbbj
- qxhz
  .iconqxhz
- sc1
  .iconsc1
- sc
  .iconsc
- bmwh
  .iconbmwh
- gwfx2
  .icongwfx2
- gwfx1
  .icongwfx1
- tjfx
  .icontjfx
- rygl
  .iconrygl
- gdcx
  .icongdcx
- zjxl
  .iconzjxl
- zjgd
  .iconzjgd
- cbtjfx
  .iconcbtjfx
- sbzq
  .iconsbzq
- sblz
  .iconsblz
- bwzl
  .iconbwzl
- jhgl
  .iconjhgl
- pzgl
  .iconpzgl
- scgsl
  .iconscgsl
- ydsjys
  .iconydsjys
- zsdwcb
  .iconzsdwcb
- sjqsfx
  .iconsjqsfx
- sjdb
  .iconsjdb
- cbgl
  .iconcbgl
- ysgl
  .iconysgl
- slbd
  .iconslbd
- qbgl
  .iconqbgl
- dma
  .icondma
- bbgl
  .iconbbgl
- yjh
  .iconyjh
- njh
  .iconnjh
- jkzx
  .iconjkzx
- rcgl
  .iconrcgl
- yhgl
  .iconyhgl
- sgjg2
  .iconsgjg2
- sgjg1
  .iconsgxc
- tygj
  .icontygj
- xtgl
  .iconxtgl
- xtsz
  .iconxtsz
- cxtj
  .iconcxtj
- yxxx
  .iconyxxx
- zttgl
  .iconzttgl
- zcgl
  .iconzcgl
- zhyy
  .iconzhyy
- qxgl
  .iconqxgl
- sjtj
  .iconsjtj
- yyfw
  .iconyyfw
- jkgl
  .iconjkgl
- szgl
  .iconszgl
- tjcx
  .icontjcx
- sbjd
  .iconsbjd
- gdgl
  .icongdgl
- sousu
  .iconsous
- xjt
  .iconxjt
- sjt
  .iconsjt

## font-class 引用

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

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

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

使用步骤如下：

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

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

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

    <span class="iconfont iconxxx"></span>

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

- 查询日记
  #iconchaxunriji
- 普通事件
  #iconputongshijian
- 轨迹点
  #iconguijidian
- 轨迹
  #iconguiji
- 汛情信息
  #iconxunqingxinxi
- 巡查日记
  #iconxunchariji
- 计划
  #iconjihua
- 隐患信息
  #iconyinhuanxinxi
- 紧急事件
  #iconjinjishijian
- 账户
  #iconzhanghu
- 密码
  #iconmima
- 水质
  #iconshuizhi
- 服务器
  #iconfuwuqi
- 异常
  #iconyichang
- 管网
  #iconguanwang2
- 水波图
  #iconshuibotu
- 业务报警
  #iconyewubaojing
- 路径规划、查看
  #icona-lujingguihuachakan
- 新增用户
  #iconxinzengyonghu
- 其他收费
  #iconqitashoufei
- 支付宝
  #iconzhifubao
- 收费
  #iconshoufei
- 微信
  #iconweixin
- 售水量
  #iconshoushuiliang
- 农商银行
  #iconnongshangyinhang
- 柜台缴费
  #iconguitaijiaofei
- 初视点
  #iconchushidian
- 提示
  #icontishi
- 删除
  #iconshanchu
- 新增
  #iconxinzeng
- 选中
  #iconxuanzhong
- 阀门控制点
  #iconfamenkongzhidian
- 电动阀
  #icondiandongfa
- 加压站
  #iconjiayazhan
- 普通摄像机
  #iconputongshexiangji
- 加药泵
  #iconjiayaobeng
- 压力变送器
  #iconyalibiansongqi
- 水源地
  #iconshuiyuandi
- 水质监测
  #iconshuizhijiance
- 融合摄像机
  #iconrongheshexiangji
- 差压变送器
  #iconchayabiansongqi
- 配电箱
  #iconpeidianxiang
- 水泵
  #iconshuibeng1
- 流量计
  #iconliuliangji
- 清水水质仪表
  #iconqingshuishuizhiyibiao
- 压力监测
  #iconyalijiance
- 噪声监测仪
  #iconzaoshengjianceyi
- 制水厂
  #iconzhishuichang
- 液位计
  #iconyeweiji
- 送水水质仪表
  #iconsongshuishuizhiyibiao
- 流量监测
  #iconliuliangjiance
- 鼓风机
  #icongufengji
- 原水水质仪表
  #iconyuanshuishuizhiyibiao
- 早晨
  #iconzaochen
- 晚上
  #iconwanshang
- 中午
  #iconzhongwu
- 黄昏
  #iconhuanghun
- 场景音效
  #iconchangjingyinxiao
- 场景漫游
  #iconchangjingmanyou
- 测量工具
  #iconcelianggongju
- 保存视图
  #iconbaocunshitu
- 入水口
  #iconrushuikou
- 默认_1
  #iconmoren_1
- 选中_2
  #iconxuanzhong_2
- 正常标签
  #iconzhengchangbiaoqian
- 加急
  #iconjiaji
- 综合管网分析
  #iconzongheguanwangfenxi
- 公房管理
  #icongongfangguanli
- 基础地理信息管理
  #iconjichudilixinxiguanli
- 转派
  #iconzhuanpai
- 驳回
  #iconbohui
- 增加
  #iconzengjia
- 减、移除
  #icona-jianyichu
- 未施工
  #iconweishigong
- 施工中
  #iconshigongzhong
- 施工
  #iconshigong
- 坐标
  #iconzuobiao
- 鼓风机-03
  #icongufengji-03
- 鼓风机-01
  #icongufengji-01
- 鼓风机-02
  #icongufengji-02
- 刮泥机-02
  #iconguaniji-02
- 刮泥机-01
  #iconguaniji-01
- 鼓风机-1
  #icongufengji-1
- 刮泥机-1
  #iconguaniji-1
- 刮泥机-2
  #iconguaniji-2
- 鼓风机-2
  #icongufengji-2
- 鼓风机-3
  #icongufengji-3
- 未驳回
  #iconweibohui
- 未转发
  #iconweizhuanfa
- 未超时
  #iconweichaoshi
- 已转发
  #iconyizhuanfa
- 已超时
  #iconyichaoshi
- 已驳回
  #iconyibohui
- 地表水质检测仪
  #icondibiaoshuizhijianceyi
- 管道水质检测仪
  #iconguandaoshuizhijianceyi
- 饼图
  #iconbingtu
- 统计图
  #icontongjitu
- 统计表
  #icontongjibiao
- 水质摄像头
  #iconshuizhishexiangtou
- 地表水水质监测仪
  #icondibiaoshuishuizhijianceyi
- 管井水质监测仪
  #iconguanjingshuizhijianceyi
- 指北针2
  #iconzhibeizhen2
- 指北针1
  #iconzhibeizhen1
- 俯视_1
  #iconfushi_1
- 终点1
  #iconzhongdian11
- 起点1
  #iconqidian11
- 污水处理
  #iconwushuichuli
- 列表
  #iconliebiao
- 树
  #iconshu
- 水质计算工具
  #iconshuizhijisuangongju
- 河道水质管理
  #iconhedaoshuizhiguanli
- 人员轨迹
  #iconrenyuanguiji
- 定位
  #icondingwei
- 档案管理
  #icondanganguanli
- 河道基本信息管理
  #iconhedaojibenxinxiguanli
- 报警工单管理
  #iconbaojinggongdanguanli
- 河道巡查专题
  #iconhedaoxunchazhuanti
- 监测报警管理
  #iconjiancebaojingguanli
- 标准管理
  #iconbiaozhunguanli
- 河湖监测
  #iconhehujiance
- 河道专题
  #iconhedaozhuanti
- 权限管理
  #iconquanxianguanli
- 河道运维管理
  #iconhedaoyunweiguanli
- 人工采样监测
  #iconrengongcaiyangjiance
- 人工检测专题
  #iconrengongjiancezhuanti
- 系统管理
  #iconxitongguanli
- 污染源专题
  #iconwuranyuanzhuanti
- 考核总览
  #iconkaohezonglan
- 系统设置
  #iconxitongshezhi
- 污染源数据
  #iconwuranyuanshuju
- 考核管理
  #iconkaoheguanli
- 设备监测专题
  #iconshebeijiancezhuanti
- 消息通知
  #iconxiaoxitongzhi
- 监测站信息管理
  #iconjiancezhanxinxiguanli
- 外部考核指标管理
  #iconwaibukaohezhibiaoguanli
- 设备监测信息管理
  #iconshebeijiancexinxiguanli
- 统计分析
  #icontongjifenxi
- 信息发布
  #iconxinxifabu
- 重播
  #iconzhongbo
- 播放
  #iconbofang
- 暂停
  #iconzanting
- 终点
  #iconzhongdian1
- 起点
  #iconqidian1
- 污水处理厂
  #iconwushuichulichang2
- 考核断面
  #iconkaoheduanmian
- 入河口
  #iconruhekou2
- 管控断面
  #iconguankongduanmian
- 加密断面
  #iconjiamiduanmian
- 水环境大屏-加密断面
  #iconshuihuanjingdaping-jiamiduanmian1
- 水环境大屏-入河口
  #iconshuihuanjingdaping-ruhekou1
- 水环境大屏-考核断面
  #iconshuihuanjingdaping-kaoheduanmian
- 水环境大屏-管控断面
  #iconshuihuanjingdaping-guankongduanmian
- 水环境大屏-污水处理厂
  #iconshuihuanjingdaping-wushuichulichang
- 起点
  #iconqidian
- 事件
  #iconshijian
- 终点
  #iconzhongdian
- 治理点位
  #iconzhilidianwei
- 水环境大屏-入河口
  #iconshuihuanjingdaping-ruhekou
- 水环境大屏-加密断面
  #iconshuihuanjingdaping-jiamiduanmian
- 报警图标
  #iconbaojingtubiao
- 变径
  #iconbianjing
- 蝶阀
  #icondiefa
- 废弃管线
  #iconfeiqiguanxian
- 盖堵
  #icongaidu
- 隔膜阀
  #icongemofa
- 管线特征（出地）
  #iconguanxiantezhengchudi
- 规划管线
  #iconguihuaguanxian
- 河流
  #iconheliu2
- 检查井
  #iconjianchajing
- 减压阀
  #iconjianyafa
- 空管线
  #iconkongguanxian
- 流量测点
  #iconliuliangcedian
- 排气阀
  #iconpaiqifa
- 排污点
  #iconpaiwudian
- 排污阀
  #iconpaiwufa
- 其他测点
  #iconqitacedian
- 其他阀门
  #iconqitafamen
- 其他节点
  #iconqitajiedian
- 球阀
  #iconqiufa
- 取水口
  #iconqushuikou
- 取水头部
  #iconqushuitoubu
- 使用管线
  #iconshiyongguanxian
- 疏水阀
  #iconshushuifa
- 水泵
  #iconshuibeng
- 水表
  #iconshuibiao
- 水库
  #iconshuiku
- 水压测点
  #iconshuiyacedian
- 水源
  #iconshuiyuan
- 水质测点
  #iconshuizhicedian
- 水质取样点
  #iconshuizhiquyangdian
- 三通
  #iconsantong
- 四通
  #iconsitong
- 乡镇边界
  #iconxiangzhenbianjie
- 消防栓
  #iconxiaofangshuan
- 预留口
  #iconyuliukou
- 闸阀
  #iconzhafa
- 标注2
  #iconbiaozhu2
- 标注1
  #iconbiaozhu1
- 地球
  #icondiqiu
- 爆管
  #iconbaoguan
- 首页
  #iconshouye
- 消息 (2)
  #iconxiaoxi2
- 设置 (1)
  #iconshezhi1
- 消息 (1)
  #iconxiaoxi1
- 退出
  #icontuichu
- 水表检定
  #iconshuibiaojianding
- 水表抽检
  #iconshuibiaochoujian
- 首检比例
  #iconshoujianbili
- 表务编码
  #iconbiaowubianma
- 表务管理
  #iconbiaowuguanli
- 业务管理
  #iconyewuguanli
- 归档管理
  #iconguidangguanli
- 质检管理
  #iconzhijianguanli
- 坐席工作台
  #iconzuoxigongzuotai
- 应急服务
  #iconyingjifuwu
- 坐席管理
  #iconzuoxiguanli
- 服务热线
  #iconfuwurexian
- 入河口报警
  #iconruhekoubaojing
- 农业养殖
  #iconnongyeyangzhi2
- 污水处理厂
  #iconwushuichulichang1
- 河流
  #iconheliu1
- 河道水闸监控监测站
  #iconhedaoshuizhajiankongjiancezhan1
- 雨量计
  #iconyuliangji1
- 水位计
  #iconshuiweiji1
- 水位视频监测站
  #iconshuiweishipinjiancezhan1
- 水产养殖2
  #iconshuichanyangzhi21
- 水产养殖1
  #iconshuichanyangzhi11
- 管网
  #iconguanwang1
- 水质监测站
  #iconshuizhijiancezhan1
- 河道视频监测站
  #iconhedaoshipinjiancezhan1
- 畜禽养殖
  #iconxuqinyangzhi1
- 摄像头
  #iconshexiangtou1
- 水位雨量图像监测站
  #iconshuiweiyuliangtuxiangjiancezhan1
- 排水户
  #iconpaishuihu
- 入河口
  #iconruhekou1
- 劣5类水质
  #iconlie5leishuizhi1
- 4类水质
  #icon4leishuizhi1
- 3类水质
  #icon3leishuizhi1
- 2类水质
  #icon2leishuizhi1
- 1类水质
  #icon1leishuizhi1
- 1类水质
  #icon1leishuizhi
- 2类水质
  #icon2leishuizhi
- 3类水质
  #icon3leishuizhi
- 4类水质
  #icon4leishuizhi
- 入河口
  #iconruhekou
- 排水户
  #iconpaishuihu1
- 劣5类水质
  #iconlie5leishuizhi
- 水位雨量图像监测站
  #iconshuiweiyuliangtuxiangjiancezhan
- 水位视频监测站
  #iconshuiweishipinjiancezhan
- 水位计
  #iconshuiweiji
- 雨量计
  #iconyuliangji
- 河道水闸监控监测站
  #iconhedaoshuizhajiankongjiancezhan
- 河流
  #iconheliu
- 标签3
  #iconbiaoqian3
- 污水处理厂
  #iconwushuichulichang
- 摄像头
  #iconshexiangtou
- 管网
  #iconguanwang
- 水质监测站
  #iconshuizhijiancezhan
- 河道视频监测站
  #iconhedaoshipinjiancezhan
- 标签2
  #iconbiaoqian2
- 标签1
  #iconbiaoqian1
- 农业养殖
  #iconnongyeyangzhi
- 水产养殖1
  #iconshuichanyangzhi1
- 水产养殖2
  #iconshuichanyangzhi2
- 畜禽养殖
  #iconxuqinyangzhi
- 视点管理
  #iconshidianguanli
- 截图
  #iconjietu
- 巨量工具
  #iconjulianggongju
- 面积
  #iconmianji
- 角度
  #iconjiaodu
- 新增视点
  #iconxinzengshidian
- 查看视点
  #iconchakanshidian
- 上传视点
  #iconshangchuanshidian
- 打印
  #icondayin
- 全屏 (1)
  #iconquanping1
- 初始范围
  #iconchushifanwei
- 下线
  #iconxiaxian
- 上线
  #iconshangxian
- 会议
  #iconhuiyi
- 转移
  #iconzhuanyi
- 呼叫
  #iconhujiao
- 保持
  #iconbaochi
- 闲置
  #iconxianzhi
- 置忙
  #iconzhimang
- 休息
  #iconxiuxi
- 挂机
  #iconguaji
- 登录
  #icondenglu
- 清除
  #iconqingchu
- 全部
  #iconquanbu
- 下班
  #iconxiaban
- 上班
  #iconshangban
- Wifi定位
  #iconWifidingwei
- GPS定位
  #iconGPSdingwei
- 基站定位
  #iconjizhandingwei
- 离线
  #iconlixian
- jx
  #iconjx
- zcsj
  #iconzcsj
- dbxhz
  #icondbxhz
- clgj
  #iconclgj
- dttcgl
  #icondttcgl
- dtbz
  #icondtbz
- xydtsj
  #iconxydtsj
- sydtsj
  #iconsydtsj
- tuli
  #icontuli
- fdsj
  #iconfdsj
- sxsj
  #iconsxsj
- yy
  #iconyy
- lssjcx
  #iconlssjcx
- cbjhgl
  #iconcbjhgl1
- sjcbgl
  #iconsjcbgl
- yscbgl
  #iconyscbgl
- zlgl
  #iconzlgl
- zskgl
  #iconzskgl
- bzgl
  #iconbzgl
- dxgl
  #icondxgl
- slbbgl
  #iconslbbgl
- cbrygl
  #iconcbrygl
- cbsbgl
  #iconcbsbgl
- tygj
  #icontygj1
- scada
  #iconscada
- bwzl
  #iconbwzl1
- jthz
  #iconjthz
- tyhz1
  #icontyhz1
- wbbj
  #iconwbbj
- qxhz
  #iconqxhz
- sc1
  #iconsc1
- sc
  #iconsc
- bmwh
  #iconbmwh
- gwfx2
  #icongwfx2
- gwfx1
  #icongwfx1
- tjfx
  #icontjfx
- rygl
  #iconrygl
- gdcx
  #icongdcx
- zjxl
  #iconzjxl
- zjgd
  #iconzjgd
- cbtjfx
  #iconcbtjfx
- sbzq
  #iconsbzq
- sblz
  #iconsblz
- bwzl
  #iconbwzl
- jhgl
  #iconjhgl
- pzgl
  #iconpzgl
- scgsl
  #iconscgsl
- ydsjys
  #iconydsjys
- zsdwcb
  #iconzsdwcb
- sjqsfx
  #iconsjqsfx
- sjdb
  #iconsjdb
- cbgl
  #iconcbgl
- ysgl
  #iconysgl
- slbd
  #iconslbd
- qbgl
  #iconqbgl
- dma
  #icondma
- bbgl
  #iconbbgl
- yjh
  #iconyjh
- njh
  #iconnjh
- jkzx
  #iconjkzx
- rcgl
  #iconrcgl
- yhgl
  #iconyhgl
- sgjg2
  #iconsgjg2
- sgjg1
  #iconsgxc
- tygj
  #icontygj
- xtgl
  #iconxtgl
- xtsz
  #iconxtsz
- cxtj
  #iconcxtj
- yxxx
  #iconyxxx
- zttgl
  #iconzttgl
- zcgl
  #iconzcgl
- zhyy
  #iconzhyy
- qxgl
  #iconqxgl
- sjtj
  #iconsjtj
- yyfw
  #iconyyfw
- jkgl
  #iconjkgl
- szgl
  #iconszgl
- tjcx
  #icontjcx
- sbjd
  #iconsbjd
- gdgl
  #icongdgl
- sousu
  #iconsous
- xjt
  #iconxjt
- sjt
  #iconsjt

## 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>