# 

- 
  试机
  &#xe79d;
- 
  基础设置
  &#xe63e;
- 
  要货管理
  &#xe63f;
- 
  帮 助
  &#xe66a;
- 
  零售管理
  &#xe640;
- 
  U商城
  &#xe835;
- 
  库存管理
  &#xe641;
- 
  会员管理
  &#xe642;
- 
  商品管理
  &#xe643;
- 
  首页
  &#xe627;
- 
  客商档案
  &#xe62c;
- 
  浏览态-新增
  &#xe83d;
- 
  机构人员
  &#xe62d;
- 
  商品中心
  &#xe635;
- 
  1：1
  &#xe843;
- 
  系统设置
  &#xe728;
- 
  其它档案
  &#xe729;
- 
  用户及角色
  &#xe72a;
- 
  屏幕适用
  &#xe848;
- 
  联网
  &#xe72b;
- 
  库存云LOGO
  &#xe72e;
- 
  替换
  &#xe84a;
- 
  大图
  &#xe84b;
- 
  感叹号
  &#xe61d;
- 
  切换小写
  &#xe731;
- 
  切换大写
  &#xe732;
- 
  暂停
  &#xe850;
- 
  播放
  &#xe851;
- 
  关闭
  &#xe735;
- 
  音乐
  &#xe852;
- 
  质量信息
  &#xe854;
- 
  组织单元
  &#xe609;
- 
  成本计算
  &#xe738;
- 
  友零售
  &#xe739;
- 
  留言
  &#xe60b;
- 
  收起全屏
  &#xe65c;
- 
  联动下级
  &#xe60c;
- 
  减少数量
  &#xe748;
- 
  设备
  &#xe857;
- 
  添加数量
  &#xe749;
- 
  定位
  &#xe858;
- 
  零件
  &#xe859;
- 
  右半圆
  &#xe74b;
- 
  编辑
  &#xe51c;
- 
  左半圆
  &#xe74c;
- 
  启用
  &#xe60d;
- 
  停用
  &#xe60e;
- 
  重置
  &#xe998;
- 
  搜索
  &#xe518;
- 
  删除一个数字
  &#xe74f;
- 
  参照
  &#xe665;
- 
  日期
  &#xe661;
- 
  加载 (2)
  &#xe806;
- 
  业务监管
  &#xe85b;
- 
  警示提示
  &#xe670;
- 
  常规提示
  &#xe99c;
- 
  男
  &#xe66b;
- 
  心
  &#xe7b2;
- 
  心
  &#xe7b3;
- 
  加
  &#xe52a;
- 
  星_虚
  &#xe7d9;
- 
  减
  &#xe672;
- 
  1
  &#xe754;
- 
  修改密码
  &#xe403;
- 
  3
  &#xe755;
- 
  退出登录
  &#xe402;
- 
  4
  &#xe756;
- 
  增加redline
  &#xe621;
- 
  个人信息
  &#xe607;
- 
  5
  &#xe75d;
- 
  增加greyline
  &#xe622;
- 
  删除
  &#xe677;
- 
  2
  &#xe75e;
- 
  购物车redline
  &#xe7de;
- 
  全部删除
  &#xe678;
- 
  购物车greyline
  &#xe7df;
- 
  查询
  &#xe99f;
- 
  虚拟组织
  &#xe9a1;
- 
  下
  &#xe66d;
- 
  下拉
  &#xe762;
- 
  版本变更
  &#xe9a2;
- 
  上
  &#xe676;
- 
  店内加工
  &#xe765;
- 
  问号 默认
  &#xe766;
- 
  向左
  &#xe807;
- 
  复制
  &#xe9bb;
- 
  向右
  &#xe808;
- 
  多语言
  &#xe9db;
- 
  筛选
  &#xe768;
- 
  笑脸
  &#xe683;
- 
  筛选
  &#xe80b;
- 
  收起
  &#xe684;
- 
  展开
  &#xe685;
- 
  基础服务设置
  &#xe769;
- 
  关 闭
  &#xe7e0;
- 
  刷新
  &#xe688;
- 
  友零售logo
  &#xe76e;
- 
  返回
  &#xe770;
- 
  logo
  &#xe68c;
- 
  选择商品
  &#xe771;
- 
  logo加文字
  &#xe68d;
- 
  加
  &#xe772;
- 
  表格删除悬停
  &#xe68e;
- 
  减
  &#xe773;
- 
  表格删除
  &#xe68f;
- 
  输入框删除
  &#xe690;
- 
  解锁-确定
  &#xe691;
- 
  向下
  &#xe694;
- 
  业务档案
  &#xe779;
- 
  返回
  &#xe696;
- 
  浏览态-编辑-不可用
  &#xe699;
- 
  浏览态-删除-不可用
  &#xe69a;
- 
  浏览态-新增-不可用
  &#xe69b;
- 
  浏览态-导出-不可用
  &#xe69c;
- 
  浏览态-导入-不可用
  &#xe69d;
- 
  浏览态-联查-不可用
  &#xe69e;
- 
  浏览态-变更-不可用
  &#xe69f;
- 
  浏览态-打印-不可用
  &#xe6a0;
- 
  冻结
  &#xe788;
- 
  浏览态-提交-不可用
  &#xe6a2;
- 
  未冻结
  &#xe789;
- 
  浏览态-新增
  &#xe6a3;
- 
  返回
  &#xe80c;
- 
  向左
  &#xe6a4;
- 
  向右
  &#xe6a5;
- 
  上
  &#xe78d;
- 
  下
  &#xe78e;
- 
  浏览态-恢复默认-不可用
  &#xe692;
- 
  预订管理
  &#xe792;
- 
  浏览态-关闭
  &#xe6a8;
- 
  浏览态-入库
  &#xe6a9;
- 
  隐藏
  &#xe6ab;
- 
  显示图片
  &#xe608;
- 
  可见
  &#xe6ac;
- 
  微修
  &#xe79e;
- 
  浏览态-保存业务对象-不可用
  &#xe6ae;
- 
  转房
  &#xe79f;
- 
  选中
  &#xe6af;
- 
  领位
  &#xe7a0;
- 
  坏房
  &#xe7a1;
- 
  浏览态-库存查询-不可用
  &#xe6b1;
- 
  留房
  &#xe7a2;
- 
  领位超时
  &#xe7a3;
- 
  浏览态-日报-不可用
  &#xe6b3;
- 
  清洁
  &#xe7a4;
- 
  空闲
  &#xe7a5;
- 
  关机提醒
  &#xe7a6;
- 
  浏览态-复核-不可用
  &#xe6b6;
- 
  浏览态-复盘-不可用
  &#xe6b7;
- 
  拖动
  &#xe805;
- 
  在用
  &#xe7a9;
- 
  公告设置
  &#xe7aa;
- 
  浏览态-出库-不可用
  &#xe6bb;
- 
  浏览态-弃审-不可用
  &#xe6bd;
- 
  确定签名
  &#xe7ae;
- 
  二维码
  &#xe6be;
- 
  清除签名
  &#xe7af;
- 
  快速
  &#xe6bf;
- 
  常用功能设置
  &#xe7b4;
- 
  左
  &#xe6c3;
- 
  结算明细
  &#xe6c4;
- 
  右
  &#xe6c5;
- 
  键盘
  &#xe6c6;
- 
  键盘
  &#xe73c;
- 
  重置
  &#xe7c0;
- 
  撤销
  &#xe7c1;
- 
  下 拉
  &#xe606;
- 
  智能外设
  &#xe6cf;
- 
  系统设置
  &#xe7c5;
- 
  营销流程
  &#xe7c6;
- 
  客户管理
  &#xe7c7;
- 
  客户运营
  &#xe7c8;
- 
  寄存管理
  &#xe7ca;
- 
  聊天
  &#xe7cb;
- 
  最大化
  &#xe7cc;
- 
  最小化
  &#xe7cd;
- 
  已审核
  &#xe7ce;
- 
  已驳回
  &#xe7cf;
- 
  待审核
  &#xe7d0;
- 
  已提交
  &#xe6db;
- 
  未提交
  &#xe6dc;
- 
  用药安全
  &#xe6dd;
- 
  健康管理
  &#xe6de;
- 
  慢病管理
  &#xe6df;
- 
  返回
  &#xe6e2;
- 
  地址
  &#xe6e3;
- 
  触屏更多
  &#xe7da;
- 
  切换PC-灰色
  &#xe7dc;
- 
  成功
  &#xe7d8;
- 
  失败
  &#xe787;
- 
  实盘录入
  &#xe73d;
- 
  盘点计划
  &#xe73e;
- 
  盘点复核
  &#xe73f;
- 
  表格删除悬停
  &#xe80d;
- 
  进度箭头
  &#xe6e8;
- 
  秒3
  &#xe7ea;
- 
  秒1
  &#xe7eb;
- 
  智能POS
  &#xe740;
- 
  手机
  &#xe741;
- 
  机器人
  &#xe742;
- 
  电脑
  &#xe743;
- 
  返回顶部
  &#xe7ef;
- 
  报表统计
  &#xe666;
- 
  生成快照
  &#xe744;
- 
  商品中心－规格
  &#xe6ff;
- 
  商品中心－单位
  &#xe700;
- 
  商品中心－分类
  &#xe701;
- 
  商品中心－标签
  &#xe702;
- 
  前台分诊
  &#xe7fe;
- 
  商品中心－模板
  &#xe703;
- 
  客服管理
  &#xe7ff;
- 
  基础服务
  &#xe704;
- 
  收银管理
  &#xe800;
- 
  商品中心－属性
  &#xe705;
- 
  订单管理
  &#xe801;
- 
  商品中心－商品列表
  &#xe706;
- 
  营销咨询
  &#xe802;
- 
  商品中心－品牌
  &#xe707;
- 
  现场咨询
  &#xe803;
- 
  货品档案
  &#xe708;
- 
  科室消费
  &#xe804;
- 
  商品档案
  &#xe709;
- 
  输入框删除
  &#xe80e;
- 
  最小化
  &#xe80f;
- 
  橡皮擦
  &#xe810;
- 
  回车确认
  &#xe811;
- 
  上传图片
  &#xe710;
- 
  向上
  &#xe814;
- 
  向下
  &#xe815;
- 
  订单中心
  &#xe78b;
- 
  更新日志
  &#xe6fa;
- 
  订货中心
  &#xe6fb;
- 
  目标管理
  &#xe81a;
- 
  到首页
  &#xe6fc;
- 
  到末页
  &#xe6fd;
- 
  星号
  &#xe605;
- 
  更多
  &#xe521;
- 
  上传
  &#xe570;
- 
  会员
  &#xe78c;
- 
  参照
  &#xe6fe;
- 
  页面分栏-折叠
  &#xe81f;
- 
  页面分栏-展开
  &#xe820;
- 
  切换触屏
  &#xe70b;
- 
  营销
  &#xe790;
- 
  选中
  &#xe77f;
- 
  问题反馈
  &#xe713;
- 
  关闭
  &#xe623;
- 
  全屏
  &#xe624;
- 
  最小化
  &#xe625;
- 
  图片标签样式默认图
  &#xe716;
- 
  表单搜索
  &#xe82a;
- 
  离线单据
  &#xe82b;
- 
  向右
  &#xe514;
- 
  老板方案
  &#xe718;
- 
  翻页收起
  &#xe82d;
- 
  箭头上
  &#xe631;
- 
  区域经理方案
  &#xe719;
- 
  翻页展开
  &#xe82e;
- 
  箭头下
  &#xe632;
- 
  管理端
  &#xe829;
- 
  向下
  &#xe633;
- 
  上锁高亮
  &#xe82c;
- 
  向左
  &#xe515;
- 
  切换账号
  &#xe71c;
- 
  定位高亮
  &#xe82f;
- 
  关闭
  &#xe636;
- 
  物流公司
  &#xe620;
- 
  开始高亮
  &#xe830;
- 
  组织机构
  &#xe638;
- 
  公告管理
  &#xe639;
- 
  定价中心
  &#xe63a;
- 
  数据分析
  &#xe791;
- 
  售后管理
  &#xe63b;
- 
  区域站点
  &#xe796;
- 
  促销中心
  &#xe63c;
- 
  商城设置
  &#xe797;
- 
  数据中心
  &#xe63d;
- 
  商家管理
  &#xe7b0;

## Unicode 引用

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

- 兼容性最好，支持 IE6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。

> 注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'iconfont';
      src: url('iconfont.eot');
      src: url('iconfont.eot?#iefix') format('embedded-opentype'),
          url('iconfont.woff2') format('woff2'),
          url('iconfont.woff') format('woff'),
          url('iconfont.ttf') format('truetype'),
          url('iconfont.svg#iconfont') format('svg');
    }

### 第二步：定义使用 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"。

- 试机
  .yonicon-roomstatuseight
- 基础设置
  .yonicon-jichushezhi1
- 要货管理
  .yonicon-yaohuoguanli1
- 帮 助
  .yonicon-bangzhu
- 零售管理
  .yonicon-lingshouguanli1
- U商城
  .yonicon-Ushangcheng
- 库存管理
  .yonicon-kucunguanli
- 会员管理
  .yonicon-huiyuanguanli
- 商品管理
  .yonicon-shangpinguanli
- 首页
  .yonicon-shouye
- 客商档案
  .yonicon-keshangdangan
- 浏览态-新增
  .yonicon-plus-copy-disabled
- 机构人员
  .yonicon-jigourenyuan
- 商品中心
  .yonicon-shangpinzhongxin
- 1：1
  .yonicon-shijidaxiao
- 系统设置
  .yonicon-xitongshezhi
- 其它档案
  .yonicon-qitadangan
- 用户及角色
  .yonicon-yonghujijiaose
- 屏幕适用
  .yonicon-pingmushiyong
- 联网
  .yonicon-lianwang
- 库存云LOGO
  .yonicon-kucunyun
- 替换
  .yonicon-tihuan
- 大图
  .yonicon-datu
- 感叹号
  .yonicon-gantanhao
- 切换小写
  .yonicon-qiehuanxiaoxie
- 切换大写
  .yonicon-qiehuandaxie
- 暂停
  .yonicon-zanting
- 播放
  .yonicon-bofang
- 关闭
  .yonicon-guanbi3
- 音乐
  .yonicon-yinle
- 质量信息
  .yonicon-zhiliangxinxi
- 组织单元
  .yonicon-zuzhidanyuan
- 成本计算
  .yonicon-chengbenjisuan
- 友零售
  .yonicon-youlingshou
- 留言
  .yonicon-liuyan
- 收起全屏
  .yonicon-shouqiquanping
- 联动下级
  .yonicon-liandongxiaji1
- 减少数量
  .yonicon-jianshaoshuliang
- 设备
  .yonicon-shebei
- 添加数量
  .yonicon-tianjiashuliang
- 定位
  .yonicon-dingwei
- 零件
  .yonicon-lingjian
- 右半圆
  .yonicon-youbanyuan
- 编辑
  .yonicon-bianji
- 左半圆
  .yonicon-zuobanyuan
- 启用
  .yonicon-qiyong
- 停用
  .yonicon-tingyong
- 重置
  .yonicon-chongzhi1
- 搜索
  .yonicon-sousuo
- 删除一个数字
  .yonicon-shanchuyigeshuzi
- 参照
  .yonicon-canzhao
- 日期
  .yonicon-riqi
- 加载 (2)
  .yonicon-jiazai2
- 业务监管
  .yonicon-yewujianguan
- 警示提示
  .yonicon-tishi
- 常规提示
  .yonicon-xingzhuangbeifen
- 男
  .yonicon-nan
- 心
  .yonicon-xin
- 心
  .yonicon-xin1
- 加
  .yonicon-jia
- 星_虚
  .yonicon-xingxu
- 减
  .yonicon-jian
- 1
  .yonicon-icon-test
- 修改密码
  .yonicon-xiugaimima
- 3
  .yonicon-icon-test1
- 退出登录
  .yonicon-tuichudenglu
- 4
  .yonicon-icon-test2
- 增加redline
  .yonicon-zengjiaredline
- 个人信息
  .yonicon-gerenxinxi
- 5
  .yonicon-icon-test3
- 增加greyline
  .yonicon-zengjiagreyline
- 删除
  .yonicon-biaogeshanchu
- 2
  .yonicon-icon-test4
- 购物车redline
  .yonicon-gouwucheredline
- 全部删除
  .yonicon-quanbushanchu
- 购物车greyline
  .yonicon-gouwuchegreyline
- 查询
  .yonicon-chaxun
- 虚拟组织
  .yonicon-xunizuzhi
- 下
  .yonicon-shanchucopy1
- 下拉
  .yonicon-xiala
- 版本变更
  .yonicon-lishibanben
- 上
  .yonicon-shanchucopy2
- 店内加工
  .yonicon-dianneijiagong
- 问号 默认
  .yonicon-wenhaomoren
- 向左
  .yonicon-left2
- 复制
  .yonicon-fuzhi2
- 向右
  .yonicon-right2
- 多语言
  .yonicon-globe
- 筛选
  .yonicon-shaixuan1
- 笑脸
  .yonicon-xiaolian
- 筛选
  .yonicon-shaixuan1-copy
- 收起
  .yonicon-shouqi
- 展开
  .yonicon-zhankai
- 基础服务设置
  .yonicon-jichufuwushezhi
- 关 闭
  .yonicon-guanbi4
- 刷新
  .yonicon-shuaxin
- 友零售logo
  .yonicon-youlingshoulogo
- 返回
  .yonicon-fanhui1
- logo
  .yonicon-logo
- 选择商品
  .yonicon-xuanzeshangping
- logo加文字
  .yonicon-logojiawenzi
- 加
  .yonicon-self-jia
- 表格删除悬停
  .yonicon-biaogeshanchuxuanting
- 减
  .yonicon-self-jian
- 表格删除
  .yonicon-shanchu1
- 输入框删除
  .yonicon-shurukuangshanchu
- 解锁-确定
  .yonicon-jiesuo-queding
- 向下
  .yonicon-xiangxia-copy
- 业务档案
  .yonicon-yewudangan
- 返回
  .yonicon-rollback
- 浏览态-编辑-不可用
  .yonicon-edit-disabled
- 浏览态-删除-不可用
  .yonicon-delete-disabled
- 浏览态-新增-不可用
  .yonicon-plus-disabled
- 浏览态-导出-不可用
  .yonicon-export-disabled
- 浏览态-导入-不可用
  .yonicon-import-disabled
- 浏览态-联查-不可用
  .yonicon-liancha-disabled
- 浏览态-变更-不可用
  .yonicon-biangeng-disabled
- 浏览态-打印-不可用
  .yonicon-dayin1-disabled
- 冻结
  .yonicon-dongjie
- 浏览态-提交-不可用
  .yonicon-review-disabled
- 未冻结
  .yonicon-weidongjie
- 浏览态-新增
  .yonicon-plus-copy
- 返回
  .yonicon-gouwuchefanhui
- 向左
  .yonicon-left-disabled
- 向右
  .yonicon-right-disabled
- 上
  .yonicon-shang
- 下
  .yonicon-xia
- 浏览态-恢复默认-不可用
  .yonicon-huifumoren-disabled
- 预订管理
  .yonicon-yudingguanli
- 浏览态-关闭
  .yonicon-guanbi2-disabled
- 浏览态-入库
  .yonicon-ruku-disabled
- 隐藏
  .yonicon-yincang
- 显示图片
  .yonicon-xianshitupian
- 可见
  .yonicon-kejian
- 微修
  .yonicon-roomstatusnine
- 浏览态-保存业务对象-不可用
  .yonicon-baocun-disabled
- 转房
  .yonicon-roomstatustwo
- 选中
  .yonicon-xuanzhong1
- 领位
  .yonicon-roomstatusone
- 坏房
  .yonicon-roomstatusfive
- 浏览态-库存查询-不可用
  .yonicon-kucunchaxun-disabled
- 留房
  .yonicon-roomstatusfour
- 领位超时
  .yonicon-roomstatusten
- 浏览态-日报-不可用
  .yonicon-ribao-disabled
- 清洁
  .yonicon-roomstatusthree
- 空闲
  .yonicon-roomstatussix
- 关机提醒
  .yonicon-roomstatuseleven
- 浏览态-复核-不可用
  .yonicon-fuhe-disabled
- 浏览态-复盘-不可用
  .yonicon-fupan-disabled
- 拖动
  .yonicon-tuodong
- 在用
  .yonicon-roomstatusseven
- 公告设置
  .yonicon-gonggaoshezhi
- 浏览态-出库-不可用
  .yonicon-chuku-disabled
- 浏览态-弃审-不可用
  .yonicon-qishen-disabled
- 确定签名
  .yonicon-quedingqianming
- 二维码
  .yonicon-erweima
- 清除签名
  .yonicon-qingchuqianming
- 快速
  .yonicon-kuaisu
- 常用功能设置
  .yonicon-changyonggongnengshezhi
- 左
  .yonicon-zuo
- 结算明细
  .yonicon-jiesuanmingxi
- 右
  .yonicon-you
- 键盘
  .yonicon-jianpan
- 键盘
  .yonicon-jianpan-copy
- 重置
  .yonicon-zhongzhi1
- 撤销
  .yonicon-chexiao
- 下 拉
  .yonicon-arrow-down
- 智能外设
  .yonicon-zhinengwaishe
- 系统设置
  .yonicon-xitongshezhi1
- 营销流程
  .yonicon-yingxiaoliucheng
- 客户管理
  .yonicon-kehuguanli
- 客户运营
  .yonicon-kehuyunying
- 寄存管理
  .yonicon-jicunguanli
- 聊天
  .yonicon-liaotian
- 最大化
  .yonicon-zuidahua
- 最小化
  .yonicon-zuixiaohua1
- 已审核
  .yonicon-yishenhe
- 已驳回
  .yonicon-yibohui
- 待审核
  .yonicon-daishenhe
- 已提交
  .yonicon-yitijiao
- 未提交
  .yonicon-weitijiao
- 用药安全
  .yonicon-yongyaoanquan
- 健康管理
  .yonicon-jiankangguanli
- 慢病管理
  .yonicon-manbingguanli
- 返回
  .yonicon-fanhui
- 地址
  .yonicon-dizhi
- 触屏更多
  .yonicon-qiehuan
- 切换PC-灰色
  .yonicon-qiehuanPC-huise
- 成功
  .yonicon-chenggong1
- 失败
  .yonicon-shibai
- 实盘录入
  .yonicon-shipanluru-disabled
- 盘点计划
  .yonicon-pandianjihua-disabled
- 盘点复核
  .yonicon-pandianfuhe-disabled
- 表格删除悬停
  .yonicon-biaogeshanchuxuanting-1-copy
- 进度箭头
  .yonicon-jindujiantou
- 秒3
  .yonicon-miao
- 秒1
  .yonicon-miao1
- 智能POS
  .yonicon-zhinengPOS
- 手机
  .yonicon-shouji
- 机器人
  .yonicon-jiqiren
- 电脑
  .yonicon-diannao
- 返回顶部
  .yonicon-fanhuidingbu
- 报表统计
  .yonicon-baobiaotongji
- 生成快照
  .yonicon-shengchengkuaizhao-copy
- 商品中心－规格
  .yonicon-shangpinzhongxinguige
- 商品中心－单位
  .yonicon-shangpinzhongxindanwei
- 商品中心－分类
  .yonicon-shangpinzhongxinfenlei
- 商品中心－标签
  .yonicon-shangpinzhongxinbiaoqian
- 前台分诊
  .yonicon-qiantaifenzhen
- 商品中心－模板
  .yonicon-shangpinzhongxinmoban
- 客服管理
  .yonicon-kefuguanli
- 基础服务
  .yonicon-jichufuwu
- 收银管理
  .yonicon-shouyinguanli
- 商品中心－属性
  .yonicon-shangpinzhongxinshuxing
- 订单管理
  .yonicon-dingdanguanli
- 商品中心－商品列表
  .yonicon-shangpinzhongxinshangpinliebiao
- 营销咨询
  .yonicon-yingxiaozixun
- 商品中心－品牌
  .yonicon-shangpinzhongxinpinpai
- 现场咨询
  .yonicon-xianchangzixun
- 货品档案
  .yonicon-huopindangan
- 科室消费
  .yonicon-keshixiaofei
- 商品档案
  .yonicon-shangpindangan
- 输入框删除
  .yonicon-shurukuangshanchu-copy
- 最小化
  .yonicon-zuixiaohua2
- 橡皮擦
  .yonicon-xiangpica
- 回车确认
  .yonicon-huichequeren
- 上传图片
  .yonicon-shangchuantupian
- 向上
  .yonicon-xiangshang
- 向下
  .yonicon-xiangxia1
- 订单中心
  .yonicon-dingdanzhongxin
- 更新日志
  .yonicon-gengxinrizhi
- 订货中心
  .yonicon-dinghuozhongxin
- 目标管理
  .yonicon-mubiaoguanli
- 到首页
  .yonicon-daoshouye
- 到末页
  .yonicon-daomoye
- 星号
  .yonicon-star
- 更多
  .yonicon-ellipsis
- 上传
  .yonicon-shangchuan
- 会员
  .yonicon-huiyuan
- 参照
  .yonicon-canzhao1
- 页面分栏-折叠
  .yonicon-yemianfenlan-zhedie
- 页面分栏-展开
  .yonicon-yemianfenlan-zhankai
- 切换触屏
  .yonicon-qiehuanchuping
- 营销
  .yonicon-yingxiao
- 选中
  .yonicon-xuanzhong1-copy
- 问题反馈
  .yonicon-wentifankui
- 关闭
  .yonicon-guanbi
- 全屏
  .yonicon-quanping
- 最小化
  .yonicon-zuixiaohua
- 图片标签样式默认图
  .yonicon-tupianbiaoqianyangshimorentu
- 表单搜索
  .yonicon-biaodansousuo
- 离线单据
  .yonicon-lixiandanju
- 向右
  .yonicon-right
- 老板方案
  .yonicon-laobanfangan
- 翻页收起
  .yonicon-fanyeshouqi
- 箭头上
  .yonicon-jiantoushang
- 区域经理方案
  .yonicon-quyujinglifangan
- 翻页展开
  .yonicon-fanyezhankai
- 箭头下
  .yonicon-jiantouxia
- 管理端
  .yonicon-guanliduan
- 向下
  .yonicon-xiangxia
- 上锁高亮
  .yonicon-shangsuogaoliang
- 向左
  .yonicon-left
- 切换账号
  .yonicon-qiehuanzhanghao
- 定位高亮
  .yonicon-dingweigaoliang
- 关闭
  .yonicon-guanbi1
- 物流公司
  .yonicon-wuliugongsi1
- 开始高亮
  .yonicon-kaishigaoliang
- 组织机构
  .yonicon-zuzhijigou
- 公告管理
  .yonicon-gonggaoguanli1
- 定价中心
  .yonicon-dingjiazhongxin1
- 数据分析
  .yonicon-shujufenxi
- 售后管理
  .yonicon-shouhouguanli1
- 区域站点
  .yonicon-quyuzhandian
- 促销中心
  .yonicon-cuxiaozhongxin1
- 商城设置
  .yonicon-shangchengshezhi
- 数据中心
  .yonicon-shujuzhongxin1
- 商家管理
  .yonicon-shangjiaguanli

## font-class 引用

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

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

- 兼容性良好，支持 IE8+，及所有现代浏览器。
- 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
- 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

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

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

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

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

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

- 试机
  #yonicon-roomstatuseight
- 基础设置
  #yonicon-jichushezhi1
- 要货管理
  #yonicon-yaohuoguanli1
- 帮 助
  #yonicon-bangzhu
- 零售管理
  #yonicon-lingshouguanli1
- U商城
  #yonicon-Ushangcheng
- 库存管理
  #yonicon-kucunguanli
- 会员管理
  #yonicon-huiyuanguanli
- 商品管理
  #yonicon-shangpinguanli
- 首页
  #yonicon-shouye
- 客商档案
  #yonicon-keshangdangan
- 浏览态-新增
  #yonicon-plus-copy-disabled
- 机构人员
  #yonicon-jigourenyuan
- 商品中心
  #yonicon-shangpinzhongxin
- 1：1
  #yonicon-shijidaxiao
- 系统设置
  #yonicon-xitongshezhi
- 其它档案
  #yonicon-qitadangan
- 用户及角色
  #yonicon-yonghujijiaose
- 屏幕适用
  #yonicon-pingmushiyong
- 联网
  #yonicon-lianwang
- 库存云LOGO
  #yonicon-kucunyun
- 替换
  #yonicon-tihuan
- 大图
  #yonicon-datu
- 感叹号
  #yonicon-gantanhao
- 切换小写
  #yonicon-qiehuanxiaoxie
- 切换大写
  #yonicon-qiehuandaxie
- 暂停
  #yonicon-zanting
- 播放
  #yonicon-bofang
- 关闭
  #yonicon-guanbi3
- 音乐
  #yonicon-yinle
- 质量信息
  #yonicon-zhiliangxinxi
- 组织单元
  #yonicon-zuzhidanyuan
- 成本计算
  #yonicon-chengbenjisuan
- 友零售
  #yonicon-youlingshou
- 留言
  #yonicon-liuyan
- 收起全屏
  #yonicon-shouqiquanping
- 联动下级
  #yonicon-liandongxiaji1
- 减少数量
  #yonicon-jianshaoshuliang
- 设备
  #yonicon-shebei
- 添加数量
  #yonicon-tianjiashuliang
- 定位
  #yonicon-dingwei
- 零件
  #yonicon-lingjian
- 右半圆
  #yonicon-youbanyuan
- 编辑
  #yonicon-bianji
- 左半圆
  #yonicon-zuobanyuan
- 启用
  #yonicon-qiyong
- 停用
  #yonicon-tingyong
- 重置
  #yonicon-chongzhi1
- 搜索
  #yonicon-sousuo
- 删除一个数字
  #yonicon-shanchuyigeshuzi
- 参照
  #yonicon-canzhao
- 日期
  #yonicon-riqi
- 加载 (2)
  #yonicon-jiazai2
- 业务监管
  #yonicon-yewujianguan
- 警示提示
  #yonicon-tishi
- 常规提示
  #yonicon-xingzhuangbeifen
- 男
  #yonicon-nan
- 心
  #yonicon-xin
- 心
  #yonicon-xin1
- 加
  #yonicon-jia
- 星_虚
  #yonicon-xingxu
- 减
  #yonicon-jian
- 1
  #yonicon-icon-test
- 修改密码
  #yonicon-xiugaimima
- 3
  #yonicon-icon-test1
- 退出登录
  #yonicon-tuichudenglu
- 4
  #yonicon-icon-test2
- 增加redline
  #yonicon-zengjiaredline
- 个人信息
  #yonicon-gerenxinxi
- 5
  #yonicon-icon-test3
- 增加greyline
  #yonicon-zengjiagreyline
- 删除
  #yonicon-biaogeshanchu
- 2
  #yonicon-icon-test4
- 购物车redline
  #yonicon-gouwucheredline
- 全部删除
  #yonicon-quanbushanchu
- 购物车greyline
  #yonicon-gouwuchegreyline
- 查询
  #yonicon-chaxun
- 虚拟组织
  #yonicon-xunizuzhi
- 下
  #yonicon-shanchucopy1
- 下拉
  #yonicon-xiala
- 版本变更
  #yonicon-lishibanben
- 上
  #yonicon-shanchucopy2
- 店内加工
  #yonicon-dianneijiagong
- 问号 默认
  #yonicon-wenhaomoren
- 向左
  #yonicon-left2
- 复制
  #yonicon-fuzhi2
- 向右
  #yonicon-right2
- 多语言
  #yonicon-globe
- 筛选
  #yonicon-shaixuan1
- 笑脸
  #yonicon-xiaolian
- 筛选
  #yonicon-shaixuan1-copy
- 收起
  #yonicon-shouqi
- 展开
  #yonicon-zhankai
- 基础服务设置
  #yonicon-jichufuwushezhi
- 关 闭
  #yonicon-guanbi4
- 刷新
  #yonicon-shuaxin
- 友零售logo
  #yonicon-youlingshoulogo
- 返回
  #yonicon-fanhui1
- logo
  #yonicon-logo
- 选择商品
  #yonicon-xuanzeshangping
- logo加文字
  #yonicon-logojiawenzi
- 加
  #yonicon-self-jia
- 表格删除悬停
  #yonicon-biaogeshanchuxuanting
- 减
  #yonicon-self-jian
- 表格删除
  #yonicon-shanchu1
- 输入框删除
  #yonicon-shurukuangshanchu
- 解锁-确定
  #yonicon-jiesuo-queding
- 向下
  #yonicon-xiangxia-copy
- 业务档案
  #yonicon-yewudangan
- 返回
  #yonicon-rollback
- 浏览态-编辑-不可用
  #yonicon-edit-disabled
- 浏览态-删除-不可用
  #yonicon-delete-disabled
- 浏览态-新增-不可用
  #yonicon-plus-disabled
- 浏览态-导出-不可用
  #yonicon-export-disabled
- 浏览态-导入-不可用
  #yonicon-import-disabled
- 浏览态-联查-不可用
  #yonicon-liancha-disabled
- 浏览态-变更-不可用
  #yonicon-biangeng-disabled
- 浏览态-打印-不可用
  #yonicon-dayin1-disabled
- 冻结
  #yonicon-dongjie
- 浏览态-提交-不可用
  #yonicon-review-disabled
- 未冻结
  #yonicon-weidongjie
- 浏览态-新增
  #yonicon-plus-copy
- 返回
  #yonicon-gouwuchefanhui
- 向左
  #yonicon-left-disabled
- 向右
  #yonicon-right-disabled
- 上
  #yonicon-shang
- 下
  #yonicon-xia
- 浏览态-恢复默认-不可用
  #yonicon-huifumoren-disabled
- 预订管理
  #yonicon-yudingguanli
- 浏览态-关闭
  #yonicon-guanbi2-disabled
- 浏览态-入库
  #yonicon-ruku-disabled
- 隐藏
  #yonicon-yincang
- 显示图片
  #yonicon-xianshitupian
- 可见
  #yonicon-kejian
- 微修
  #yonicon-roomstatusnine
- 浏览态-保存业务对象-不可用
  #yonicon-baocun-disabled
- 转房
  #yonicon-roomstatustwo
- 选中
  #yonicon-xuanzhong1
- 领位
  #yonicon-roomstatusone
- 坏房
  #yonicon-roomstatusfive
- 浏览态-库存查询-不可用
  #yonicon-kucunchaxun-disabled
- 留房
  #yonicon-roomstatusfour
- 领位超时
  #yonicon-roomstatusten
- 浏览态-日报-不可用
  #yonicon-ribao-disabled
- 清洁
  #yonicon-roomstatusthree
- 空闲
  #yonicon-roomstatussix
- 关机提醒
  #yonicon-roomstatuseleven
- 浏览态-复核-不可用
  #yonicon-fuhe-disabled
- 浏览态-复盘-不可用
  #yonicon-fupan-disabled
- 拖动
  #yonicon-tuodong
- 在用
  #yonicon-roomstatusseven
- 公告设置
  #yonicon-gonggaoshezhi
- 浏览态-出库-不可用
  #yonicon-chuku-disabled
- 浏览态-弃审-不可用
  #yonicon-qishen-disabled
- 确定签名
  #yonicon-quedingqianming
- 二维码
  #yonicon-erweima
- 清除签名
  #yonicon-qingchuqianming
- 快速
  #yonicon-kuaisu
- 常用功能设置
  #yonicon-changyonggongnengshezhi
- 左
  #yonicon-zuo
- 结算明细
  #yonicon-jiesuanmingxi
- 右
  #yonicon-you
- 键盘
  #yonicon-jianpan
- 键盘
  #yonicon-jianpan-copy
- 重置
  #yonicon-zhongzhi1
- 撤销
  #yonicon-chexiao
- 下 拉
  #yonicon-arrow-down
- 智能外设
  #yonicon-zhinengwaishe
- 系统设置
  #yonicon-xitongshezhi1
- 营销流程
  #yonicon-yingxiaoliucheng
- 客户管理
  #yonicon-kehuguanli
- 客户运营
  #yonicon-kehuyunying
- 寄存管理
  #yonicon-jicunguanli
- 聊天
  #yonicon-liaotian
- 最大化
  #yonicon-zuidahua
- 最小化
  #yonicon-zuixiaohua1
- 已审核
  #yonicon-yishenhe
- 已驳回
  #yonicon-yibohui
- 待审核
  #yonicon-daishenhe
- 已提交
  #yonicon-yitijiao
- 未提交
  #yonicon-weitijiao
- 用药安全
  #yonicon-yongyaoanquan
- 健康管理
  #yonicon-jiankangguanli
- 慢病管理
  #yonicon-manbingguanli
- 返回
  #yonicon-fanhui
- 地址
  #yonicon-dizhi
- 触屏更多
  #yonicon-qiehuan
- 切换PC-灰色
  #yonicon-qiehuanPC-huise
- 成功
  #yonicon-chenggong1
- 失败
  #yonicon-shibai
- 实盘录入
  #yonicon-shipanluru-disabled
- 盘点计划
  #yonicon-pandianjihua-disabled
- 盘点复核
  #yonicon-pandianfuhe-disabled
- 表格删除悬停
  #yonicon-biaogeshanchuxuanting-1-copy
- 进度箭头
  #yonicon-jindujiantou
- 秒3
  #yonicon-miao
- 秒1
  #yonicon-miao1
- 智能POS
  #yonicon-zhinengPOS
- 手机
  #yonicon-shouji
- 机器人
  #yonicon-jiqiren
- 电脑
  #yonicon-diannao
- 返回顶部
  #yonicon-fanhuidingbu
- 报表统计
  #yonicon-baobiaotongji
- 生成快照
  #yonicon-shengchengkuaizhao-copy
- 商品中心－规格
  #yonicon-shangpinzhongxinguige
- 商品中心－单位
  #yonicon-shangpinzhongxindanwei
- 商品中心－分类
  #yonicon-shangpinzhongxinfenlei
- 商品中心－标签
  #yonicon-shangpinzhongxinbiaoqian
- 前台分诊
  #yonicon-qiantaifenzhen
- 商品中心－模板
  #yonicon-shangpinzhongxinmoban
- 客服管理
  #yonicon-kefuguanli
- 基础服务
  #yonicon-jichufuwu
- 收银管理
  #yonicon-shouyinguanli
- 商品中心－属性
  #yonicon-shangpinzhongxinshuxing
- 订单管理
  #yonicon-dingdanguanli
- 商品中心－商品列表
  #yonicon-shangpinzhongxinshangpinliebiao
- 营销咨询
  #yonicon-yingxiaozixun
- 商品中心－品牌
  #yonicon-shangpinzhongxinpinpai
- 现场咨询
  #yonicon-xianchangzixun
- 货品档案
  #yonicon-huopindangan
- 科室消费
  #yonicon-keshixiaofei
- 商品档案
  #yonicon-shangpindangan
- 输入框删除
  #yonicon-shurukuangshanchu-copy
- 最小化
  #yonicon-zuixiaohua2
- 橡皮擦
  #yonicon-xiangpica
- 回车确认
  #yonicon-huichequeren
- 上传图片
  #yonicon-shangchuantupian
- 向上
  #yonicon-xiangshang
- 向下
  #yonicon-xiangxia1
- 订单中心
  #yonicon-dingdanzhongxin
- 更新日志
  #yonicon-gengxinrizhi
- 订货中心
  #yonicon-dinghuozhongxin
- 目标管理
  #yonicon-mubiaoguanli
- 到首页
  #yonicon-daoshouye
- 到末页
  #yonicon-daomoye
- 星号
  #yonicon-star
- 更多
  #yonicon-ellipsis
- 上传
  #yonicon-shangchuan
- 会员
  #yonicon-huiyuan
- 参照
  #yonicon-canzhao1
- 页面分栏-折叠
  #yonicon-yemianfenlan-zhedie
- 页面分栏-展开
  #yonicon-yemianfenlan-zhankai
- 切换触屏
  #yonicon-qiehuanchuping
- 营销
  #yonicon-yingxiao
- 选中
  #yonicon-xuanzhong1-copy
- 问题反馈
  #yonicon-wentifankui
- 关闭
  #yonicon-guanbi
- 全屏
  #yonicon-quanping
- 最小化
  #yonicon-zuixiaohua
- 图片标签样式默认图
  #yonicon-tupianbiaoqianyangshimorentu
- 表单搜索
  #yonicon-biaodansousuo
- 离线单据
  #yonicon-lixiandanju
- 向右
  #yonicon-right
- 老板方案
  #yonicon-laobanfangan
- 翻页收起
  #yonicon-fanyeshouqi
- 箭头上
  #yonicon-jiantoushang
- 区域经理方案
  #yonicon-quyujinglifangan
- 翻页展开
  #yonicon-fanyezhankai
- 箭头下
  #yonicon-jiantouxia
- 管理端
  #yonicon-guanliduan
- 向下
  #yonicon-xiangxia
- 上锁高亮
  #yonicon-shangsuogaoliang
- 向左
  #yonicon-left
- 切换账号
  #yonicon-qiehuanzhanghao
- 定位高亮
  #yonicon-dingweigaoliang
- 关闭
  #yonicon-guanbi1
- 物流公司
  #yonicon-wuliugongsi1
- 开始高亮
  #yonicon-kaishigaoliang
- 组织机构
  #yonicon-zuzhijigou
- 公告管理
  #yonicon-gonggaoguanli1
- 定价中心
  #yonicon-dingjiazhongxin1
- 数据分析
  #yonicon-shujufenxi
- 售后管理
  #yonicon-shouhouguanli1
- 区域站点
  #yonicon-quyuzhandian
- 促销中心
  #yonicon-cuxiaozhongxin1
- 商城设置
  #yonicon-shangchengshezhi
- 数据中心
  #yonicon-shujuzhongxin1
- 商家管理
  #yonicon-shangjiaguanli

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