# iconfont Demo

#

- 
  离线
  &#xe754;
- 
  wifioff无线网
  &#xe756;
- 
  line-WiFi off（关闭无线）
  &#xe757;
- 
  路障2
  &#xe753;
- 
  电池-充电
  &#xe7a3;
- 
  电池-高电量
  &#xe7a5;
- 
  电
  &#xe751;
- 
  电
  &#xe752;
- 
  湿度
  &#xe74d;
- 
  湿度-异常
  &#xe74e;
- 
  温度-异常
  &#xe74f;
- 
  温度
  &#xe750;
- 
  大屏-风力
  &#xe736;
- 
  大屏-风力 1-异常
  &#xe737;
- 
  大屏-降雨量 1-异常
  &#xe73a;
- 
  大屏-光强
  &#xe73c;
- 
  大屏-气压
  &#xe73e;
- 
  大屏-降雨量
  &#xe73f;
- 
  大屏-光强 1-异常
  &#xe741;
- 
  大屏-PM10
  &#xe746;
- 
  大屏-焦糊味 1-异常
  &#xe747;
- 
  大屏-风向
  &#xe748;
- 
  大屏-PM10 1-异常
  &#xe749;
- 
  大屏-风向 1-异常
  &#xe74a;
- 
  大屏-焦糊味
  &#xe74b;
- 
  大屏-气压 1-异常
  &#xe74c;
- 
  大屏-风速 1-异常
  &#xe728;
- 
  大屏-风速
  &#xe731;
- 
  wifi
  &#xe7e0;
- 
  网络
  &#xe734;
- 
  大屏-臭氧-异常
  &#xe732;
- 
  大屏-六氟化硫-异常
  &#xe733;
- 
  大屏-明火
  &#xe735;
- 
  大屏-二氧化碳
  &#xe738;
- 
  大屏-PM2.5.-异常
  &#xe739;
- 
  大屏-氧气-异常
  &#xe73d;
- 
  大屏-甲烷-异常
  &#xe740;
- 
  大屏-一氧化碳-异常
  &#xe742;
- 
  大屏-烟雾-异常
  &#xe743;
- 
  闪电
  &#xe744;
- 
  闪电
  &#xe745;
- 
  速度_speed8
  &#xe72c;
- 
  里程
  &#xe72d;
- 
  作业里程
  &#xe72e;
- 
  时间
  &#xe730;
- 
  转速表,仪表盘,测速,速度
  &#xe984;
- 
  速度
  &#xe7e3;
- 
  大屏-氧气
  &#xe71f;
- 
  大屏-二氧化碳
  &#xe722;
- 
  大屏-六氟化硫
  &#xe723;
- 
  大屏-臭氧
  &#xe724;
- 
  大屏-甲烷
  &#xe725;
- 
  大屏-pm2.5
  &#xe726;
- 
  大屏-一氧化碳
  &#xe727;
- 
  大屏-烟雾
  &#xe72a;
- 
  大屏-明火
  &#xe72b;
- 
  密码
  &#xe717;
- 
  用户2
  &#xe718;
- 
  密码
  &#xe71a;
- 
  用户
  &#xe71b;
- 
  密码
  &#xe71d;
- 
  密码
  &#xe71e;
- 
  地图2
  &#xe715;
- 
  地图-线
  &#xe716;
- 
  障碍物
  &#xe711;
- 
  坐标
  &#xe712;
- 
  工作状态
  &#xe713;
- 
  闪电
  &#xe70c;
- 
  闪电
  &#xe70d;
- 
  闪电
  &#xe710;
- 
  到这去
  &#xe70a;
- 
  返回
  &#xe70b;
- 
  退出
  &#xe708;
- 
  退出
  &#xe709;
- 
  告警消息
  &#xe701;
- 
  机器人列表
  &#xe702;
- 
  创建任务
  &#xe703;
- 
  在线
  &#xe705;
- 
  离线
  &#xe706;
- 
  任务列表
  &#xe707;
- 
  首页
  &#xe6fd;
- 
  首页
  &#xe6ff;
- 
  首页
  &#xe700;
- 
  YDUI-感叹号(空心)
  &#xe6fb;
- 
  安卓
  &#xe6fc;
- 
  307感叹号-线性圆框
  &#xe8ec;
- 
  感叹号中
  &#xe8e5;
- 
  插件-样式置换
  &#xe6fa;
- 
  切换
  &#xf07c;
- 
  置换
  &#xe6f9;
- 
  放大
  &#xe6ed;
- 
  放大
  &#xe6ee;
- 
  缩放
  &#xe6ef;
- 
  缩放
  &#xe6f3;
- 
  缩放
  &#xe6f4;
- 
  缩放
  &#xe771;
- 
  全屏
  &#xe6f5;
- 
  缩放
  &#xe6f6;
- 
  缩放缩小
  &#xe6f8;
- 
  008屏幕放大
  &#xe6ea;
- 
  N屏幕放大
  &#xe6eb;
- 
  放大
  &#xe6ec;
- 
  加减-02
  &#xe6e3;
- 
  加减-01
  &#xe6e4;
- 
  加减-02
  &#xe6e7;
- 
  加减-01
  &#xe6e8;
- 
  加减-1
  &#xe6e9;
- 
  缩放比例
  &#xe7be;
- 
  默认缩放
  &#xe6dc;
- 
  缩放
  &#xe6dd;
- 
  缩放
  &#xe755;
- 
  缩放
  &#xe6de;
- 
  缩放
  &#xe6df;
- 
  缩放
  &#xe6e0;
- 
  缩放窗口
  &#xe6d5;
- 
  缩放
  &#xe765;
- 
  缩放
  &#xe76c;
- 
  全屏缩放
  &#xe6d6;
- 
  全屏缩放
  &#xe6d7;
- 
  缩放
  &#xe6d9;
- 
  缩放
  &#xe6da;
- 
  缩放
  &#xe6db;
- 
  关闭
  &#xe6cf;
- 
  告警
  &#xe6d1;
- 
  关闭
  &#xe6d3;
- 
  告警列表_告警中_灰色
  &#xe6d4;
- 
  直行右转
  &#xeb8e;
- 
  直行右转
  &#xeb8d;
- 
  直行右转
  &#xe6ce;
- 
  直行右转
  &#xeb8c;
- 
  直行左转
  &#xeb8f;
- 
  直行左转
  &#xe6c1;
- 
  直行左转
  &#xeb8a;
- 
  直行左转
  &#xeb8b;
- 
  左箭头
  &#xe6c2;
- 
  方向-右
  &#xe6c3;
- 
  方向-左
  &#xe6c4;
- 
  箭头
  &#xe6c5;
- 
  位置
  &#xe6c6;
- 
  返
  &#xe6c7;
- 
  返利
  &#xe769;
- 
  返利
  &#xe6c8;
- 
  暂停
  &#xe6c9;
- 
  暂停
  &#xe6ca;
- 
  返
  &#xe6cb;
- 
  充电
  &#xe6cd;
- 
  左箭头
  &#xeb87;
- 
  左箭头
  &#xeb88;
- 
  左箭头
  &#xeb89;
- 
  甲烷-图标-svg
  &#xe6a5;
- 
  PM10
  &#xe6a6;
- 
  降雨量-图标-svg
  &#xe6a8;
- 
  气压-图标-svg
  &#xe6a9;
- 
  PM2.5
  &#xe6ab;
- 
  风向-图标-svg
  &#xe6ac;
- 
  明火
  &#xe6b1;
- 
  风速
  &#xe6b2;
- 
  风力-图标-svg
  &#xe6b3;
- 
  温度-图标-svg
  &#xe6b4;
- 
  臭氧-图标-svg
  &#xe6b5;
- 
  氧气-图标-svg
  &#xe6b6;
- 
  二氧化碳
  &#xe6b7;
- 
  SF6
  &#xe6b8;
- 
  光强
  &#xe6b9;
- 
  烟雾
  &#xe6ba;
- 
  添加图标
  &#xe6bb;
- 
  焦糊味-图标-svg
  &#xe6bc;
- 
  取消图标
  &#xe6bd;
- 
  一氧化碳
  &#xe6be;
- 
  湿度-图标-svg
  &#xe6c0;
- 
  播放
  &#xe69a;
- 
  播放
  &#xe6af;
- 
  暂停
  &#xe69b;
- 
  暂停
  &#xe69e;
- 
  播放2
  &#xe87c;
- 
  暂停
  &#xe69f;
- 
  左-圆
  &#xe7c7;
- 
  播放
  &#xe6a0;
- 
  左
  &#xe6e6;
- 
  暂停
  &#xe6a2;
- 
  暂停
  &#xe6a3;
- 
  左
  &#xe6a4;
- 
  24gl-playCircle
  &#xea74;
- 
  暂停
  &#xea8f;
- 
  左-圆
  &#xeb82;
- 
  视频
  &#xe68d;
- 
  音乐模式
  &#xe68e;
- 
  菜单
  &#xe68f;
- 
  电量
  &#xe692;
- 
  障碍
  &#xe75c;
- 
  电量3
  &#xe695;
- 
  缩放
  &#xe697;
- 
  缩放
  &#xe698;
- 
  电
  &#xe69c;
- 
  烟雾感应器
  &#xe68b;
- 
  焦糊味
  &#xe68c;
- 
  导出
  &#xe689;
- 
  导入
  &#xe68a;
- 
  交互
  &#xe687;
- 
  曲线图
  &#xe682;
- 
  音频
  &#xe6aa;
- 
  相机
  &#xe683;
- 
  曲线
  &#xe684;
- 
  曲线
  &#xe685;
- 
  曲线
  &#xe686;
- 
  曲线加工
  &#xe70e;
- 
  图片
  &#xe67f;
- 
  图片
  &#xe699;
- 
  图片
  &#xe681;
- 
  图片
  &#xe6a1;
- 
  启用
  &#xe67c;
- 
  启用
  &#xe67e;
- 
  启用
  &#xe6ae;
- 
  左
  &#xe676;
- 
  方向-左
  &#xe677;
- 
  左
  &#xe678;
- 
  箭头
  &#xe674;
- 
  箭头
  &#xe675;
- 
  电量
  &#xe673;
- 
  电量
  &#xe6d2;
- 
  电量
  &#xe688;
- 
  电量
  &#xe67b;
- 
  大屏
  &#xe672;
- 
  风向
  &#xe65d;
- 
  降雨量
  &#xeb48;
- 
  风力
  &#xe65e;
- 
  CO
  &#xe65f;
- 
  CO2
  &#xe661;
- 
  菱形-左右
  &#xe662;
- 
  风向
  &#xe663;
- 
  菱形-上下
  &#xe665;
- 
  气压
  &#xe666;
- 
  降雨量
  &#xe669;
- 
  O3
  &#xe66a;
- 
  SF6
  &#xe66b;
- 
  在线状态
  &#xe66c;
- 
  运行时长
  &#xe66d;
- 
  电量
  &#xe66e;
- 
  运行里程
  &#xe66f;
- 
  温度
  &#xe670;
- 
  当前速度
  &#xe671;
- 
  电脑
  &#xe680;
- 
  PM2.5
  &#xe65c;
- 
  导出
  &#xeb81;
- 
  导出
  &#xe656;
- 
  导出
  &#xe657;
- 
  导出
  &#xe6f2;
- 
  菱形
  &#xe655;
- 
  左
  &#xe6cc;
- 
  左
  &#xe653;
- 
  左
  &#xf07d;
- 
  左
  &#xeb7f;
- 
  左
  &#xf07e;
- 
  左
  &#xeb80;
- 
  时 间
  &#xe8b3;
- 
  加
  &#xe652;
- 
  分类
  &#xe642;
- 
  恢复执行
  &#xe6f0;
- 
  终止
  &#xe704;
- 
  修改密码
  &#xe644;
- 
  日志
  &#xe645;
- 
  取消
  &#xe664;
- 
  查看
  &#xe6ad;
- 
  暂停
  &#xe646;
- 
  禁用
  &#xe65b;
- 
  启用
  &#xe647;
- 
  报告
  &#xe6fe;
- 
  权限
  &#xe649;
- 
  任务下发
  &#xe71c;
- 
  数据分析
  &#xe64a;
- 
  删 除
  &#xe64c;
- 
  修改
  &#xe64d;
- 
  审核
  &#xe8b2;
- 
  已读
  &#xe651;
- 
  √○
  &#xe63f;
- 
  麦克风关闭
  &#xe640;
- 
  线_图形对象_jurassic
  &#xe691;
- 
  表格
  &#xe63e;
- 
  表格
  &#xeb7e;
- 
  图形
  &#xe659;
- 
  x
  &#xe67a;
- 
  x
  &#xe635;
- 
  x
  &#xe650;
- 
  告警
  &#xe6e5;
- 
  提示
  &#xe632;
- 
  提示
  &#xe654;
- 
  告警
  &#xe719;
- 
  提示
  &#xe633;
- 
  告警
  &#xe634;
- 
  删 除
  &#xe62f;
- 
  X
  &#xe627;
- 
  x
  &#xe631;
- 
  喇叭
  &#xe7b3;
- 
  喇叭
  &#xe73b;
- 
  喇叭
  &#xe69d;
- 
  喇叭
  &#xe690;
- 
  喇叭
  &#xe62e;
- 
  喇叭
  &#xe6bf;
- 
  喇叭
  &#xea73;
- 
  光强检测器
  &#xe714;
- 
  电池
  &#xe942;
- 
  电池
  &#xe626;
- 
  持平
  &#xe667;
- 
  持平
  &#xe781;
- 
  上升
  &#xea71;
- 
  上升
  &#xea72;
- 
  上升
  &#xe668;
- 
  上升
  &#xe6f1;
- 
  加
  &#xe6d8;
- 
  加
  &#xe621;
- 
  减
  &#xe625;
- 
  减
  &#xe622;
- 
  加
  &#xe620;
- 
  铃铛
  &#xe61f;
- 
  问号
  &#xe67d;
- 
  退出 (5)
  &#xe61d;
- 
  退出 (1)
  &#xe638;
- 
  铃铛
  &#xe61e;
- 
  问号
  &#xe6b0;
- 
  取消全屏
  &#xe64b;
- 
  取消全屏
  &#xe636;
- 
  -上升
  &#xe64f;
- 
  下降
  &#xe61a;
- 
  上升
  &#xe660;
- 
  -上升
  &#xea70;
- 
  静音
  &#xe7f0;
- 
  变焦-
  &#xe62b;
- 
  变焦+
  &#xe62d;
- 
  光圈 缩小
  &#xe720;
- 
  光圈 放大
  &#xe721;
- 
  变焦减-01
  &#xe616;
- 
  变焦加-01
  &#xe618;
- 
  放大
  &#xe614;
- 
  放小
  &#xe619;
- 
  导航
  &#xe615;
- 
  放大
  &#xe63c;
- 
  用户
  &#xe624;
- 
  复位
  &#xea6e;
- 
  用户
  &#xe612;
- 
  日历
  &#xe60f;
- 
  导出
  &#xe623;
- 
  SF6
  &#xe839;
- 
  减
  &#xe63d;
- 
  列表
  &#xe7d3;
- 
  加号
  &#xe610;
- 
  查询
  &#xe6f7;
- 
  加
  &#xe62a;
- 
  重置
  &#xe648;
- 
  左上
  &#xeb83;
- 
  左上
  &#xea0a;
- 
  左上
  &#xea0b;
- 
  左上
  &#xea03;
- 
  左上
  &#xea04;
- 
  左上
  &#xea05;
- 
  左上
  &#xeb84;
- 
  左上
  &#xe60a;
- 
  信
  &#xe60d;
- 
  上
  &#xe60b;
- 
  tingzhi
  &#xe6e2;
- 
  左上
  &#xe60e;
- 
  上
  &#xe643;
- 
  左上
  &#xeb85;
- 
  左上
  &#xeb86;
- 
  上
  &#xea00;
- 
  上
  &#xea01;
- 
  上
  &#xea02;
- 
  左上
  &#xea08;
- 
  左上
  &#xea09;
- 
  障碍
  &#xe60c;
- 
  上
  &#xe605;
- 
  撤销
  &#xe61c;
- 
  撤销
  &#xe629;
- 
  充电
  &#xe609;
- 
  无线网络
  &#xe617;
- 
  上
  &#xe694;
- 
  tup
  &#xe641;
- 
  对讲
  &#xe637;
- 
  上
  &#xe9ff;
- 
  上
  &#xea06;
- 
  上
  &#xea07;
- 
  √
  &#xe601;
- 
  全屏
  &#xe693;
- 
  取消全屏
  &#xe608;
- 
  里程
  &#xe602;
- 
  二氧化碳
  &#xe61b;
- 
  圆
  &#xe70f;
- 
  放电
  &#xe929;
- 
  电池
  &#xea6f;
- 
  时间
  &#xe613;
- 
  电池
  &#xe606;
- 
  充电
  &#xe72f;
- 
  视角
  &#xe6a7;
- 
  充电
  &#xe658;
- 
  速度
  &#xe600;
- 
  电池电压
  &#xe62c;
- 
  温度 (3)
  &#xe604;
- 
  巡检任务
  &#xe77d;
- 
  实时监控
  &#xe9fe;
- 
  机器人
  &#xe7dc;
- 
  告警
  &#xe679;
- 
  历史数据
  &#xe603;
- 
  手动控制
  &#xe696;
- 
  手动
  &#xe611;
- 
  设 置
  &#xe63a;
- 
  一氧化碳
  &#xe7cd;
- 
  电
  &#xe64e;
- 
  SF6
  &#xe63b;
- 
  通信
  &#xe628;
- 
  烟雾报警灯（白色）
  &#xe729;
- 
  臭氧
  &#xe6d0;
- 
  湿度
  &#xe630;
- 
  烟雾
  &#xe607;
- 
  放电
  &#xe65a;
- 
  fangdian
  &#xe639;
- 
  气温
  &#xe6e1;

## Unicode 引用

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

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

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

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.woff2?t=1657162974308') format('woff2'),
           url('iconfont.woff?t=1657162974308') format('woff'),
           url('iconfont.ttf?t=1657162974308') 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"。

- 离线
  .icon-lixian1
- wifioff无线网
  .icon-wifioffwuxianwang
- line-WiFi off（关闭无线）
  .icon-line-WiFioffguanbiwuxian
- 路障2
  .icon-luzhang1
- 电池-充电
  .icon-dianchi-chongdian
- 电池-高电量
  .icon-dianchi-gaodianliang
- 电
  .icon-dian2
- 电
  .icon-dian3
- 湿度
  .icon-HUMIDITY-sw
- 湿度-异常
  .icon-HUMIDITY-swf
- 温度-异常
  .icon-TEMPERATURE-swf
- 温度
  .icon-TEMPERATURE-sw
- 大屏-风力
  .icon-WINDPOWER-sw
- 大屏-风力 1-异常
  .icon-WINDPOWER-swf
- 大屏-降雨量 1-异常
  .icon-RAINFALL-swf
- 大屏-光强
  .icon-LIGHT-sw
- 大屏-气压
  .icon-AIRPRESSURE-sw
- 大屏-降雨量
  .icon-RAINFALL-sw
- 大屏-光强 1-异常
  .icon-LIGHT-swf
- 大屏-PM10
  .icon-PM10-sw
- 大屏-焦糊味 1-异常
  .icon-ANXIOUSBURNTFLAVOUR-swf
- 大屏-风向
  .icon-WINDDIRECTION-sw
- 大屏-PM10 1-异常
  .icon-PM10-swf
- 大屏-风向 1-异常
  .icon-WINDDIRECTION-swf
- 大屏-焦糊味
  .icon-ANXIOUSBURNTFLAVOUR-sw
- 大屏-气压 1-异常
  .icon-AIRPRESSURE-swf
- 大屏-风速 1-异常
  .icon-WINDSPEED-swf
- 大屏-风速
  .icon-WINDSPEED-sw
- wifi
  .icon-wifi
- 网络
  .icon-xinhao
- 大屏-臭氧-异常
  .icon-O3-swf
- 大屏-六氟化硫-异常
  .icon-SF6-swf
- 大屏-明火
  .icon-FIRE-sw
- 大屏-二氧化碳
  .icon-CO2-sw
- 大屏-PM2.5.-异常
  .icon-PM-swf
- 大屏-氧气-异常
  .icon-O2-swf
- 大屏-甲烷-异常
  .icon-daping-jiawan-yichang
- 大屏-一氧化碳-异常
  .icon-CO-swf
- 大屏-烟雾-异常
  .icon-MQ-swf
- 闪电
  .icon-shandian3
- 闪电
  .icon-shandian4
- 速度_speed8
  .icon-suduspeed8
- 里程
  .icon-licheng
- 作业里程
  .icon-zuoyelicheng
- 时间
  .icon-shijian1
- 转速表,仪表盘,测速,速度
  .icon-dashboard
- 速度
  .icon-sudu1
- 大屏-氧气
  .icon-O2-sw
- 大屏-二氧化碳
  .icon-CO2-swf
- 大屏-六氟化硫
  .icon-SF6-sw
- 大屏-臭氧
  .icon-O3-sw
- 大屏-甲烷
  .icon-daping-jiawan
- 大屏-pm2.5
  .icon-PM-sw
- 大屏-一氧化碳
  .icon-CO-sw
- 大屏-烟雾
  .icon-MQ-sw
- 大屏-明火
  .icon-FIRE-swf
- 密码
  .icon-mima
- 用户2
  .icon-yonghu1
- 密码
  .icon-mima1
- 用户
  .icon-yonghu3
- 密码
  .icon-mima2
- 密码
  .icon-mima3
- 地图2
  .icon-map_location_
- 地图-线
  .icon-ditu-xian
- 障碍物
  .icon-zhangaiwu
- 坐标
  .icon-zuobiao
- 工作状态
  .icon-gongzuozhuangtai
- 闪电
  .icon-shandian
- 闪电
  .icon-shandian1
- 闪电
  .icon-shandian2
- 到这去
  .icon-daozhequ
- 返回
  .icon-fanhui
- 退出
  .icon-tuichu1
- 退出
  .icon-tuichu2
- 告警消息
  .icon-gaojingxiaoxi
- 机器人列表
  .icon-jiqirenliebiao
- 创建任务
  .icon-chuangjianrenwu
- 在线
  .icon-zaixian
- 离线
  .icon-lixian
- 任务列表
  .icon-renwuliebiao
- 首页
  .icon-shouye
- 首页
  .icon-shouye1
- 首页
  .icon-shouye2
- YDUI-感叹号(空心)
  .icon-yduigantanhaokongxin
- 安卓
  .icon-anzhuo
- 307感叹号-线性圆框
  .icon-gantanhao-xianxingyuankuang
- 感叹号中
  .icon-gantanhaozhong
- 插件-样式置换
  .icon-chajian-yangshizhihuan
- 切换
  .icon-qiehuan
- 置换
  .icon-zhihuan
- 放大
  .icon-fangda3
- 放大
  .icon-fangda4
- 缩放
  .icon-suofang11
- 缩放
  .icon-suofang12
- 缩放
  .icon-suofang13
- 缩放
  .icon-suofang14
- 全屏
  .icon-quanping_huaban
- 缩放
  .icon-suofang15
- 缩放缩小
  .icon-suofangsuoxiao
- 008屏幕放大
  .icon-pingmufangda111
- N屏幕放大
  .icon-pingmufangda1
- 放大
  .icon-fangda2
- 加减-02
  .icon-jiajian-
- 加减-01
  .icon-jiajian-1
- 加减-02
  .icon-jiajian-2
- 加减-01
  .icon-jiajian-3
- 加减-1
  .icon-jiajian-11
- 缩放比例
  .icon-suofangbili
- 默认缩放
  .icon-morensuofang
- 缩放
  .icon-suoxiao
- 缩放
  .icon-suofang7
- 缩放
  .icon-suofang8
- 缩放
  .icon-suofang9
- 缩放
  .icon-suofang10
- 缩放窗口
  .icon-suofangchuangkou
- 缩放
  .icon-suofang2
- 缩放
  .icon-suofang3
- 全屏缩放
  .icon-quanpingsuofang
- 全屏缩放
  .icon-quanpingsuofang1
- 缩放
  .icon-suofang4
- 缩放
  .icon-suofang5
- 缩放
  .icon-suofang6
- 关闭
  .icon-guanbi
- 告警
  .icon-gaojing3
- 关闭
  .icon-guanbi1
- 告警列表_告警中_灰色
  .icon-gaojingliebiao_gaojingzhong_huise
- 直行右转
  .icon-zhihangyouzhuan-copy-copy
- 直行右转
  .icon-zhihangyouzhuan-copy
- 直行右转
  .icon-zhihangyouzhuan
- 直行右转
  .icon-zhihangyouzhuan-copy1
- 直行左转
  .icon-zhihangzuozhuan-copy-copy
- 直行左转
  .icon-zhihangzuozhuan
- 直行左转
  .icon-zhihangzuozhuan-copy
- 直行左转
  .icon-zhihangzuozhuan-copy1
- 左箭头
  .icon-zuojiantou
- 方向-右
  .icon-you
- 方向-左
  .icon-zuo6
- 箭头
  .icon-jiantou1
- 位置
  .icon-weizhi
- 返
  .icon-fan
- 返利
  .icon-fanli
- 返利
  .icon-fanli1
- 暂停
  .icon-zanting5
- 暂停
  .icon-zanting6
- 返
  .icon-fan1
- 充电
  .icon-chongdian1
- 左箭头
  .icon-zuojiantou-copy
- 左箭头
  .icon-zuojiantou-copy1
- 左箭头
  .icon-zuojiantou-copy2
- 甲烷-图标-svg
  .icon-jiawan-tubiao-svg
- PM10
  .icon-PM10
- 降雨量-图标-svg
  .icon-RAINFALL1
- 气压-图标-svg
  .icon-AIRPRESSURE
- PM2.5
  .icon-PM
- 风向-图标-svg
  .icon-WINDDIRECTION
- 明火
  .icon-FIRE
- 风速
  .icon-WINDSPEED
- 风力-图标-svg
  .icon-WINDPOWER
- 温度-图标-svg
  .icon-TEMPERATURE
- 臭氧-图标-svg
  .icon-O3
- 氧气-图标-svg
  .icon-O2
- 二氧化碳
  .icon-CO2
- SF6
  .icon-SF6
- 光强
  .icon-LIGHT
- 烟雾
  .icon-MQ
- 添加图标
  .icon-tianjiatubiao
- 焦糊味-图标-svg
  .icon-ANXIOUSBURNTFLAVOUR
- 取消图标
  .icon-quxiaotubiao
- 一氧化碳
  .icon-CO
- 湿度-图标-svg
  .icon-HUMIDITY
- 播放
  .icon-bofang
- 播放
  .icon-bofang1
- 暂停
  .icon-zanting1
- 暂停
  .icon-iconstop
- 播放2
  .icon-bofang2
- 暂停
  .icon-zanting2
- 左-圆
  .icon-zuo-yuan
- 播放
  .icon-bofang3
- 左
  .icon-zuo4
- 暂停
  .icon-zanting3
- 暂停
  .icon-zanting4
- 左
  .icon-zuo5
- 24gl-playCircle
  .icon-24gl-playCircle
- 暂停
  .icon-pause-circle
- 左-圆
  .icon-zuo-yuan-copy
- 视频
  .icon-shipin
- 音乐模式
  .icon-yinlemoshi
- 菜单
  .icon-ego-menu
- 电量
  .icon-dianliang5
- 障碍
  .icon-zhangai
- 电量3
  .icon-dianliang6
- 缩放
  .icon-suofang
- 缩放
  .icon-suofang1
- 电
  .icon-dian1
- 烟雾感应器
  .icon-yanwuganyingqi
- 焦糊味
  .icon-jiaohuwei
- 导出
  .icon-daochu3
- 导入
  .icon-daoru
- 交互
  .icon-jiaohu
- 曲线图
  .icon-quxiantu
- 音频
  .icon-yinpin
- 相机
  .icon-xiangji
- 曲线
  .icon-quxian
- 曲线
  .icon-quxian1
- 曲线
  .icon-quxian2
- 曲线加工
  .icon-quxianjiagong
- 图片
  .icon-tupian
- 图片
  .icon-tupian1
- 图片
  .icon-tupian2
- 图片
  .icon-tupian3
- 启用
  .icon-qiyong1
- 启用
  .icon-cangpeitubiao_qiyong
- 启用
  .icon-qiyong2
- 左
  .icon-zuo2
- 方向-左
  .icon-zuo21
- 左
  .icon-zuo3
- 箭头
  .icon-jiantou-copy
- 箭头
  .icon-jiantou
- 电量
  .icon-dianliang1
- 电量
  .icon-dianliang2
- 电量
  .icon-dianliang3
- 电量
  .icon-dianliang4
- 大屏
  .icon-daping
- 风向
  .icon-fengxiang
- 降雨量
  .icon-RAINFALL
- 风力
  .icon-fengli
- CO
  .icon-CO222
- CO2
  .icon-CO22222
- 菱形-左右
  .icon-lingxing-zuoyou
- 风向
  .icon-fengxiang1
- 菱形-上下
  .icon-lingxing-shangxia
- 气压
  .icon-qiya1
- 降雨量
  .icon-jiangyuliang1
- O3
  .icon-O31
- SF6
  .icon-SF61
- 在线状态
  .icon-zaixianzhuangtai
- 运行时长
  .icon-yunhangshichang
- 电量
  .icon-dianliang
- 运行里程
  .icon-yunhanglicheng
- 温度
  .icon-wendu1
- 当前速度
  .icon-dangqiansudu
- 电脑
  .icon-diannao
- PM2.5
  .icon-a-PM25
- 导出
  .icon-daochu11-copy
- 导出
  .icon-daochu1
- 导出
  .icon-daochu11
- 导出
  .icon-daochu2
- 菱形
  .icon-lingxingzhedie
- 左
  .icon-zuo
- 左
  .icon-zuo1
- 左
  .icon-zuo-copy
- 左
  .icon-zuo-copy1
- 左
  .icon-zuo-copy-copy
- 左
  .icon-zuo1-copy
- 时 间
  .icon-shijian
- 加
  .icon-jia3
- 分类
  .icon-fenlei
- 恢复执行
  .icon-huifuzhixing
- 终止
  .icon-zhongzhi1
- 修改密码
  .icon-xiugaimima
- 日志
  .icon-rizhi
- 取消
  .icon-quxiao
- 查看
  .icon-chakan
- 暂停
  .icon-zanting
- 禁用
  .icon-jinyong
- 启用
  .icon-qiyong
- 报告
  .icon-tubiao_-
- 权限
  .icon-quanxian
- 任务下发
  .icon-renwuxiafa
- 数据分析
  .icon-shujufenxi
- 删 除
  .icon-shanchu1
- 修改
  .icon-xiugai
- 审核
  .icon-shenhe
- 已读
  .icon-biaojiquanbuyidu
- √○
  .icon-icon-test
- 麦克风关闭
  .icon-maikefengguanbi
- 线_图形对象_jurassic
  .icon-jurassic_line-library
- 表格
  .icon-biaoge
- 表格
  .icon-huabanfuben
- 图形
  .icon-tuxing
- x
  .icon-xx
- x
  .icon-x2
- x
  .icon-x3
- 告警
  .icon-gaojing
- 提示
  .icon-tishi
- 提示
  .icon-tishi1
- 告警
  .icon-gaojing1
- 提示
  .icon-tishi2
- 告警
  .icon-gaojing2
- 删 除
  .icon-shanchu
- X
  .icon-X
- x
  .icon-x1
- 喇叭
  .icon-laba1
- 喇叭
  .icon-laba2
- 喇叭
  .icon-laba-
- 喇叭
  .icon-laba3
- 喇叭
  .icon-laba4
- 喇叭
  .icon-laba
- 喇叭
  .icon-laba-copy
- 光强检测器
  .icon-guangqiangjianceqi
- 电池
  .icon-dianchi2
- 电池
  .icon-dianchi1
- 持平
  .icon-chiping
- 持平
  .icon-chiping1
- 上升
  .icon-shangsheng11-copy
- 上升
  .icon-shangsheng22-copy
- 上升
  .icon-shangsheng1
- 上升
  .icon-shangsheng2
- 加
  .icon-jia2
- 加
  .icon-wuuiconxiangjifangda
- 减
  .icon-default
- 减
  .icon-jian1
- 加
  .icon-jia1
- 铃铛
  .icon-lingdang1
- 问号
  .icon-wenhao
- 退出 (5)
  .icon-tuichu5
- 退出 (1)
  .icon-tuichu
- 铃铛
  .icon-lingdang
- 问号
  .icon-wenhao1
- 取消全屏
  .icon-quxiaoquanping1
- 取消全屏
  .icon-quxiaoquanping2
- -上升
  .icon--shangsheng
- 下降
  .icon-xiajiang
- 上升
  .icon-shangsheng
- -上升
  .icon--shangsheng-copy
- 静音
  .icon-jingyin
- 变焦-
  .icon-bianjiao-
- 变焦+
  .icon-bianjiao
- 光圈 缩小
  .icon-guangquansuoxiao
- 光圈 放大
  .icon-guangquanfangda
- 变焦减-01
  .icon-bianjiaojian-
- 变焦加-01
  .icon-bianjiaojia-
- 放大
  .icon-fangda
- 放小
  .icon-fangxiao
- 导航
  .icon-ziyuan
- 放大
  .icon-fangda1
- 用户
  .icon-yonghu
- 复位
  .icon-fuwei
- 用户
  .icon-yonghu2
- 日历
  .icon-rili
- 导出
  .icon-daochu
- SF6
  .icon-SF1
- 减
  .icon-jian
- 列表
  .icon-liebiao
- 加号
  .icon-jiahao
- 查询
  .icon-chaxun
- 加
  .icon-jia
- 重置
  .icon-zhongzhi
- 左上
  .icon-zuoshang-copy
- 左上
  .icon-zuoshang1-copy-copy1
- 左上
  .icon-zuoshang1-copy-copy-copy2
- 左上
  .icon-zuoshang1-copy3
- 左上
  .icon-zuoshang1-copy4
- 左上
  .icon-zuoshang1-copy5
- 左上
  .icon-zuoshang-copy1
- 左上
  .icon-zuoshang
- 信
  .icon-xin
- 上
  .icon-shang1
- tingzhi
  .icon-tingzhi
- 左上
  .icon-zuoshang1
- 上
  .icon-shang2
- 左上
  .icon-zuoshang-copy2
- 左上
  .icon-zuoshang-copy3
- 上
  .icon-shang1-copy
- 上
  .icon-shang1-copy1
- 上
  .icon-shang1-copy2
- 左上
  .icon-zuoshang1-copy-copy6
- 左上
  .icon-zuoshang1-copy-copy
- 障碍
  .icon-iconzhangai
- 上
  .icon-fa-angle-down
- 撤销
  .icon-chexiao
- 撤销
  .icon-undo-
- 充电
  .icon-juxingcopy
- 无线网络
  .icon-wuxianwangluo
- 上
  .icon-shang
- tup
  .icon-icon-1
- 对讲
  .icon-duijiang
- 上
  .icon-shang-copy1
- 上
  .icon-shang-copy2
- 上
  .icon-shang-copy3
- √
  .icon-icon-test-copy-copy
- 全屏
  .icon-quanping
- 取消全屏
  .icon-quxiaoquanping
- 里程
  .icon-mileage
- 二氧化碳
  .icon-eryanghuatan
- 圆
  .icon-yuan
- 放电
  .icon-fangdian1
- 电池
  .icon-dianchi1-copy
- 时间
  .icon-icon01
- 电池
  .icon-dianchi
- 充电
  .icon-chongdian
- 视角
  .icon-shijiao
- 充电
  .icon-Charge
- 速度
  .icon-sudu
- 电池电压
  .icon-dianchidianya
- 温度 (3)
  .icon-wendu
- 巡检任务
  .icon-xunjianrenwu
- 实时监控
  .icon-shishijiankong
- 机器人
  .icon-jiqiren
- 告警
  .icon-icon-
- 历史数据
  .icon-lishishuju
- 手动控制
  .icon-weibiaoti-1_huaban1fuben
- 手动
  .icon-shoudong
- 设 置
  .icon-shezhi
- 一氧化碳
  .icon-yiyanghuatan
- 电
  .icon-dian
- SF6
  .icon-SF
- 通信
  .icon-tongxin
- 烟雾报警灯（白色）
  .icon-yanwubaojingdengbaise
- 臭氧
  .icon-chouyang
- 湿度
  .icon-shidu
- 烟雾
  .icon-yanwu
- 放电
  .icon-tubiao-
- fangdian
  .icon-fangdian
- 气温
  .icon-qiwen

## font-class 引用

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

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

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

使用步骤如下：

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

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

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

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

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

- 离线
  #icon-lixian1
- wifioff无线网
  #icon-wifioffwuxianwang
- line-WiFi off（关闭无线）
  #icon-line-WiFioffguanbiwuxian
- 路障2
  #icon-luzhang1
- 电池-充电
  #icon-dianchi-chongdian
- 电池-高电量
  #icon-dianchi-gaodianliang
- 电
  #icon-dian2
- 电
  #icon-dian3
- 湿度
  #icon-HUMIDITY-sw
- 湿度-异常
  #icon-HUMIDITY-swf
- 温度-异常
  #icon-TEMPERATURE-swf
- 温度
  #icon-TEMPERATURE-sw
- 大屏-风力
  #icon-WINDPOWER-sw
- 大屏-风力 1-异常
  #icon-WINDPOWER-swf
- 大屏-降雨量 1-异常
  #icon-RAINFALL-swf
- 大屏-光强
  #icon-LIGHT-sw
- 大屏-气压
  #icon-AIRPRESSURE-sw
- 大屏-降雨量
  #icon-RAINFALL-sw
- 大屏-光强 1-异常
  #icon-LIGHT-swf
- 大屏-PM10
  #icon-PM10-sw
- 大屏-焦糊味 1-异常
  #icon-ANXIOUSBURNTFLAVOUR-swf
- 大屏-风向
  #icon-WINDDIRECTION-sw
- 大屏-PM10 1-异常
  #icon-PM10-swf
- 大屏-风向 1-异常
  #icon-WINDDIRECTION-swf
- 大屏-焦糊味
  #icon-ANXIOUSBURNTFLAVOUR-sw
- 大屏-气压 1-异常
  #icon-AIRPRESSURE-swf
- 大屏-风速 1-异常
  #icon-WINDSPEED-swf
- 大屏-风速
  #icon-WINDSPEED-sw
- wifi
  #icon-wifi
- 网络
  #icon-xinhao
- 大屏-臭氧-异常
  #icon-O3-swf
- 大屏-六氟化硫-异常
  #icon-SF6-swf
- 大屏-明火
  #icon-FIRE-sw
- 大屏-二氧化碳
  #icon-CO2-sw
- 大屏-PM2.5.-异常
  #icon-PM-swf
- 大屏-氧气-异常
  #icon-O2-swf
- 大屏-甲烷-异常
  #icon-daping-jiawan-yichang
- 大屏-一氧化碳-异常
  #icon-CO-swf
- 大屏-烟雾-异常
  #icon-MQ-swf
- 闪电
  #icon-shandian3
- 闪电
  #icon-shandian4
- 速度_speed8
  #icon-suduspeed8
- 里程
  #icon-licheng
- 作业里程
  #icon-zuoyelicheng
- 时间
  #icon-shijian1
- 转速表,仪表盘,测速,速度
  #icon-dashboard
- 速度
  #icon-sudu1
- 大屏-氧气
  #icon-O2-sw
- 大屏-二氧化碳
  #icon-CO2-swf
- 大屏-六氟化硫
  #icon-SF6-sw
- 大屏-臭氧
  #icon-O3-sw
- 大屏-甲烷
  #icon-daping-jiawan
- 大屏-pm2.5
  #icon-PM-sw
- 大屏-一氧化碳
  #icon-CO-sw
- 大屏-烟雾
  #icon-MQ-sw
- 大屏-明火
  #icon-FIRE-swf
- 密码
  #icon-mima
- 用户2
  #icon-yonghu1
- 密码
  #icon-mima1
- 用户
  #icon-yonghu3
- 密码
  #icon-mima2
- 密码
  #icon-mima3
- 地图2
  #icon-map_location_
- 地图-线
  #icon-ditu-xian
- 障碍物
  #icon-zhangaiwu
- 坐标
  #icon-zuobiao
- 工作状态
  #icon-gongzuozhuangtai
- 闪电
  #icon-shandian
- 闪电
  #icon-shandian1
- 闪电
  #icon-shandian2
- 到这去
  #icon-daozhequ
- 返回
  #icon-fanhui
- 退出
  #icon-tuichu1
- 退出
  #icon-tuichu2
- 告警消息
  #icon-gaojingxiaoxi
- 机器人列表
  #icon-jiqirenliebiao
- 创建任务
  #icon-chuangjianrenwu
- 在线
  #icon-zaixian
- 离线
  #icon-lixian
- 任务列表
  #icon-renwuliebiao
- 首页
  #icon-shouye
- 首页
  #icon-shouye1
- 首页
  #icon-shouye2
- YDUI-感叹号(空心)
  #icon-yduigantanhaokongxin
- 安卓
  #icon-anzhuo
- 307感叹号-线性圆框
  #icon-gantanhao-xianxingyuankuang
- 感叹号中
  #icon-gantanhaozhong
- 插件-样式置换
  #icon-chajian-yangshizhihuan
- 切换
  #icon-qiehuan
- 置换
  #icon-zhihuan
- 放大
  #icon-fangda3
- 放大
  #icon-fangda4
- 缩放
  #icon-suofang11
- 缩放
  #icon-suofang12
- 缩放
  #icon-suofang13
- 缩放
  #icon-suofang14
- 全屏
  #icon-quanping_huaban
- 缩放
  #icon-suofang15
- 缩放缩小
  #icon-suofangsuoxiao
- 008屏幕放大
  #icon-pingmufangda111
- N屏幕放大
  #icon-pingmufangda1
- 放大
  #icon-fangda2
- 加减-02
  #icon-jiajian-
- 加减-01
  #icon-jiajian-1
- 加减-02
  #icon-jiajian-2
- 加减-01
  #icon-jiajian-3
- 加减-1
  #icon-jiajian-11
- 缩放比例
  #icon-suofangbili
- 默认缩放
  #icon-morensuofang
- 缩放
  #icon-suoxiao
- 缩放
  #icon-suofang7
- 缩放
  #icon-suofang8
- 缩放
  #icon-suofang9
- 缩放
  #icon-suofang10
- 缩放窗口
  #icon-suofangchuangkou
- 缩放
  #icon-suofang2
- 缩放
  #icon-suofang3
- 全屏缩放
  #icon-quanpingsuofang
- 全屏缩放
  #icon-quanpingsuofang1
- 缩放
  #icon-suofang4
- 缩放
  #icon-suofang5
- 缩放
  #icon-suofang6
- 关闭
  #icon-guanbi
- 告警
  #icon-gaojing3
- 关闭
  #icon-guanbi1
- 告警列表_告警中_灰色
  #icon-gaojingliebiao_gaojingzhong_huise
- 直行右转
  #icon-zhihangyouzhuan-copy-copy
- 直行右转
  #icon-zhihangyouzhuan-copy
- 直行右转
  #icon-zhihangyouzhuan
- 直行右转
  #icon-zhihangyouzhuan-copy1
- 直行左转
  #icon-zhihangzuozhuan-copy-copy
- 直行左转
  #icon-zhihangzuozhuan
- 直行左转
  #icon-zhihangzuozhuan-copy
- 直行左转
  #icon-zhihangzuozhuan-copy1
- 左箭头
  #icon-zuojiantou
- 方向-右
  #icon-you
- 方向-左
  #icon-zuo6
- 箭头
  #icon-jiantou1
- 位置
  #icon-weizhi
- 返
  #icon-fan
- 返利
  #icon-fanli
- 返利
  #icon-fanli1
- 暂停
  #icon-zanting5
- 暂停
  #icon-zanting6
- 返
  #icon-fan1
- 充电
  #icon-chongdian1
- 左箭头
  #icon-zuojiantou-copy
- 左箭头
  #icon-zuojiantou-copy1
- 左箭头
  #icon-zuojiantou-copy2
- 甲烷-图标-svg
  #icon-jiawan-tubiao-svg
- PM10
  #icon-PM10
- 降雨量-图标-svg
  #icon-RAINFALL1
- 气压-图标-svg
  #icon-AIRPRESSURE
- PM2.5
  #icon-PM
- 风向-图标-svg
  #icon-WINDDIRECTION
- 明火
  #icon-FIRE
- 风速
  #icon-WINDSPEED
- 风力-图标-svg
  #icon-WINDPOWER
- 温度-图标-svg
  #icon-TEMPERATURE
- 臭氧-图标-svg
  #icon-O3
- 氧气-图标-svg
  #icon-O2
- 二氧化碳
  #icon-CO2
- SF6
  #icon-SF6
- 光强
  #icon-LIGHT
- 烟雾
  #icon-MQ
- 添加图标
  #icon-tianjiatubiao
- 焦糊味-图标-svg
  #icon-ANXIOUSBURNTFLAVOUR
- 取消图标
  #icon-quxiaotubiao
- 一氧化碳
  #icon-CO
- 湿度-图标-svg
  #icon-HUMIDITY
- 播放
  #icon-bofang
- 播放
  #icon-bofang1
- 暂停
  #icon-zanting1
- 暂停
  #icon-iconstop
- 播放2
  #icon-bofang2
- 暂停
  #icon-zanting2
- 左-圆
  #icon-zuo-yuan
- 播放
  #icon-bofang3
- 左
  #icon-zuo4
- 暂停
  #icon-zanting3
- 暂停
  #icon-zanting4
- 左
  #icon-zuo5
- 24gl-playCircle
  #icon-24gl-playCircle
- 暂停
  #icon-pause-circle
- 左-圆
  #icon-zuo-yuan-copy
- 视频
  #icon-shipin
- 音乐模式
  #icon-yinlemoshi
- 菜单
  #icon-ego-menu
- 电量
  #icon-dianliang5
- 障碍
  #icon-zhangai
- 电量3
  #icon-dianliang6
- 缩放
  #icon-suofang
- 缩放
  #icon-suofang1
- 电
  #icon-dian1
- 烟雾感应器
  #icon-yanwuganyingqi
- 焦糊味
  #icon-jiaohuwei
- 导出
  #icon-daochu3
- 导入
  #icon-daoru
- 交互
  #icon-jiaohu
- 曲线图
  #icon-quxiantu
- 音频
  #icon-yinpin
- 相机
  #icon-xiangji
- 曲线
  #icon-quxian
- 曲线
  #icon-quxian1
- 曲线
  #icon-quxian2
- 曲线加工
  #icon-quxianjiagong
- 图片
  #icon-tupian
- 图片
  #icon-tupian1
- 图片
  #icon-tupian2
- 图片
  #icon-tupian3
- 启用
  #icon-qiyong1
- 启用
  #icon-cangpeitubiao_qiyong
- 启用
  #icon-qiyong2
- 左
  #icon-zuo2
- 方向-左
  #icon-zuo21
- 左
  #icon-zuo3
- 箭头
  #icon-jiantou-copy
- 箭头
  #icon-jiantou
- 电量
  #icon-dianliang1
- 电量
  #icon-dianliang2
- 电量
  #icon-dianliang3
- 电量
  #icon-dianliang4
- 大屏
  #icon-daping
- 风向
  #icon-fengxiang
- 降雨量
  #icon-RAINFALL
- 风力
  #icon-fengli
- CO
  #icon-CO222
- CO2
  #icon-CO22222
- 菱形-左右
  #icon-lingxing-zuoyou
- 风向
  #icon-fengxiang1
- 菱形-上下
  #icon-lingxing-shangxia
- 气压
  #icon-qiya1
- 降雨量
  #icon-jiangyuliang1
- O3
  #icon-O31
- SF6
  #icon-SF61
- 在线状态
  #icon-zaixianzhuangtai
- 运行时长
  #icon-yunhangshichang
- 电量
  #icon-dianliang
- 运行里程
  #icon-yunhanglicheng
- 温度
  #icon-wendu1
- 当前速度
  #icon-dangqiansudu
- 电脑
  #icon-diannao
- PM2.5
  #icon-a-PM25
- 导出
  #icon-daochu11-copy
- 导出
  #icon-daochu1
- 导出
  #icon-daochu11
- 导出
  #icon-daochu2
- 菱形
  #icon-lingxingzhedie
- 左
  #icon-zuo
- 左
  #icon-zuo1
- 左
  #icon-zuo-copy
- 左
  #icon-zuo-copy1
- 左
  #icon-zuo-copy-copy
- 左
  #icon-zuo1-copy
- 时 间
  #icon-shijian
- 加
  #icon-jia3
- 分类
  #icon-fenlei
- 恢复执行
  #icon-huifuzhixing
- 终止
  #icon-zhongzhi1
- 修改密码
  #icon-xiugaimima
- 日志
  #icon-rizhi
- 取消
  #icon-quxiao
- 查看
  #icon-chakan
- 暂停
  #icon-zanting
- 禁用
  #icon-jinyong
- 启用
  #icon-qiyong
- 报告
  #icon-tubiao_-
- 权限
  #icon-quanxian
- 任务下发
  #icon-renwuxiafa
- 数据分析
  #icon-shujufenxi
- 删 除
  #icon-shanchu1
- 修改
  #icon-xiugai
- 审核
  #icon-shenhe
- 已读
  #icon-biaojiquanbuyidu
- √○
  #icon-icon-test
- 麦克风关闭
  #icon-maikefengguanbi
- 线_图形对象_jurassic
  #icon-jurassic_line-library
- 表格
  #icon-biaoge
- 表格
  #icon-huabanfuben
- 图形
  #icon-tuxing
- x
  #icon-xx
- x
  #icon-x2
- x
  #icon-x3
- 告警
  #icon-gaojing
- 提示
  #icon-tishi
- 提示
  #icon-tishi1
- 告警
  #icon-gaojing1
- 提示
  #icon-tishi2
- 告警
  #icon-gaojing2
- 删 除
  #icon-shanchu
- X
  #icon-X
- x
  #icon-x1
- 喇叭
  #icon-laba1
- 喇叭
  #icon-laba2
- 喇叭
  #icon-laba-
- 喇叭
  #icon-laba3
- 喇叭
  #icon-laba4
- 喇叭
  #icon-laba
- 喇叭
  #icon-laba-copy
- 光强检测器
  #icon-guangqiangjianceqi
- 电池
  #icon-dianchi2
- 电池
  #icon-dianchi1
- 持平
  #icon-chiping
- 持平
  #icon-chiping1
- 上升
  #icon-shangsheng11-copy
- 上升
  #icon-shangsheng22-copy
- 上升
  #icon-shangsheng1
- 上升
  #icon-shangsheng2
- 加
  #icon-jia2
- 加
  #icon-wuuiconxiangjifangda
- 减
  #icon-default
- 减
  #icon-jian1
- 加
  #icon-jia1
- 铃铛
  #icon-lingdang1
- 问号
  #icon-wenhao
- 退出 (5)
  #icon-tuichu5
- 退出 (1)
  #icon-tuichu
- 铃铛
  #icon-lingdang
- 问号
  #icon-wenhao1
- 取消全屏
  #icon-quxiaoquanping1
- 取消全屏
  #icon-quxiaoquanping2
- -上升
  #icon--shangsheng
- 下降
  #icon-xiajiang
- 上升
  #icon-shangsheng
- -上升
  #icon--shangsheng-copy
- 静音
  #icon-jingyin
- 变焦-
  #icon-bianjiao-
- 变焦+
  #icon-bianjiao
- 光圈 缩小
  #icon-guangquansuoxiao
- 光圈 放大
  #icon-guangquanfangda
- 变焦减-01
  #icon-bianjiaojian-
- 变焦加-01
  #icon-bianjiaojia-
- 放大
  #icon-fangda
- 放小
  #icon-fangxiao
- 导航
  #icon-ziyuan
- 放大
  #icon-fangda1
- 用户
  #icon-yonghu
- 复位
  #icon-fuwei
- 用户
  #icon-yonghu2
- 日历
  #icon-rili
- 导出
  #icon-daochu
- SF6
  #icon-SF1
- 减
  #icon-jian
- 列表
  #icon-liebiao
- 加号
  #icon-jiahao
- 查询
  #icon-chaxun
- 加
  #icon-jia
- 重置
  #icon-zhongzhi
- 左上
  #icon-zuoshang-copy
- 左上
  #icon-zuoshang1-copy-copy1
- 左上
  #icon-zuoshang1-copy-copy-copy2
- 左上
  #icon-zuoshang1-copy3
- 左上
  #icon-zuoshang1-copy4
- 左上
  #icon-zuoshang1-copy5
- 左上
  #icon-zuoshang-copy1
- 左上
  #icon-zuoshang
- 信
  #icon-xin
- 上
  #icon-shang1
- tingzhi
  #icon-tingzhi
- 左上
  #icon-zuoshang1
- 上
  #icon-shang2
- 左上
  #icon-zuoshang-copy2
- 左上
  #icon-zuoshang-copy3
- 上
  #icon-shang1-copy
- 上
  #icon-shang1-copy1
- 上
  #icon-shang1-copy2
- 左上
  #icon-zuoshang1-copy-copy6
- 左上
  #icon-zuoshang1-copy-copy
- 障碍
  #icon-iconzhangai
- 上
  #icon-fa-angle-down
- 撤销
  #icon-chexiao
- 撤销
  #icon-undo-
- 充电
  #icon-juxingcopy
- 无线网络
  #icon-wuxianwangluo
- 上
  #icon-shang
- tup
  #icon-icon-1
- 对讲
  #icon-duijiang
- 上
  #icon-shang-copy1
- 上
  #icon-shang-copy2
- 上
  #icon-shang-copy3
- √
  #icon-icon-test-copy-copy
- 全屏
  #icon-quanping
- 取消全屏
  #icon-quxiaoquanping
- 里程
  #icon-mileage
- 二氧化碳
  #icon-eryanghuatan
- 圆
  #icon-yuan
- 放电
  #icon-fangdian1
- 电池
  #icon-dianchi1-copy
- 时间
  #icon-icon01
- 电池
  #icon-dianchi
- 充电
  #icon-chongdian
- 视角
  #icon-shijiao
- 充电
  #icon-Charge
- 速度
  #icon-sudu
- 电池电压
  #icon-dianchidianya
- 温度 (3)
  #icon-wendu
- 巡检任务
  #icon-xunjianrenwu
- 实时监控
  #icon-shishijiankong
- 机器人
  #icon-jiqiren
- 告警
  #icon-icon-
- 历史数据
  #icon-lishishuju
- 手动控制
  #icon-weibiaoti-1_huaban1fuben
- 手动
  #icon-shoudong
- 设 置
  #icon-shezhi
- 一氧化碳
  #icon-yiyanghuatan
- 电
  #icon-dian
- SF6
  #icon-SF
- 通信
  #icon-tongxin
- 烟雾报警灯（白色）
  #icon-yanwubaojingdengbaise
- 臭氧
  #icon-chouyang
- 湿度
  #icon-shidu
- 烟雾
  #icon-yanwu
- 放电
  #icon-tubiao-
- fangdian
  #icon-fangdian
- 气温
  #icon-qiwen

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