# IconFont 图标

- 
  优惠
  &#xe64d;
- 
  喇叭
  &#xe600;
- 
  分享
  &#xe68b;
- 
  消息
  &#xe632;
- 
  化妆品
  &#xe65f;
- 
  大加号
  &#xe720;
- 
  加号
  &#xe665;
- 
  减号
  &#xe666;
- 
  绑定
  &#xe660;
- 
  感叹号
  &#xe647;
- 
  使用中
  &#xe67f;
- 
  订单
  &#xe61e;
- 
  行业
  &#xe658;
- 
  收银
  &#xe61f;
- 
  搜索
  &#xe746;
- 
  会员卡
  &#xe601;
- 
  门店
  &#xe613;
- 
  下箭头 xiajiantou
  &#xe6a0;
- 
  排序箭头D
  &#xe721;
- 
  icon_二维码
  &#xe652;
- 
  消息
  &#xe616;
- 
  节点-会员画像
  &#xe700;
- 
  行业
  &#xe688;
- 
  没有报案
  &#xe69a;
- 
  加入购物车
  &#xe642;
- 
  箭头 上
  &#xe6a3;
- 
  分享
  &#xe68c;
- 
  密码
  &#xe6a2;
- 
  三横线
  &#xe627;
- 
  扫码买单修改
  &#xe60d;
- 
  收银
  &#xe620;
- 
  没有搜到信息‘
  &#xe69b;
- 
  我的
  &#xe66e;
- 
  心
  &#xe621;
- 
  营销
  &#xe62d;
- 
  箭头 上升
  &#xe7f1;
- 
  箭头 下降
  &#xe7f2;
- 
  排序箭头U
  &#xe722;
- 
  茶泡泡-会员
  &#xe604;
- 
  进入
  &#xe70a;
- 
  设置
  &#xe645;
- 
  消息通知
  &#xe71a;
- 
  推荐
  &#xe6ad;
- 
  推广
  &#xe68f;
- 
  充值
  &#xe64c;
- 
  购物车
  &#xe6a9;
- 
  mf-添加购物车
  &#xe65b;
- 
  删除
  &#xe749;
- 
  地区
  &#xe659;
- 
  钻
  &#xe628;
- 
  钻
  &#xe629;
- 
  减号
  &#xe673;
- 
  下架
  &#xe6b7;
- 
  支付宝
  &#xe640;
- 
  折线点
  &#xe682;
- 
  消息通知
  &#xe65a;
- 
  会员卡
  &#xe610;
- 
  收款
  &#xe62a;
- 
  缺省-开心
  &#xe6b9;
- 
  手机
  &#xe650;
- 
  删除
  &#xe6ae;
- 
  分享
  &#xe697;
- 
  朋友圈
  &#xe68e;
- 
  下架
  &#xe6b8;
- 
  编辑
  &#xe674;
- 
  感叹号
  &#xe6d2;
- 
  手机
  &#xe651;
- 
  加入购物车
  &#xe60e;
- 
  商品
  &#xe67c;
- 
  消息
  &#xe626;
- 
  404
  &#xe69c;
- 
  分享
  &#xe690;
- 
  星号
  &#xe689;
- 
  验证码
  &#xe668;
- 
  资质
  &#xe67d;
- 
  搜索
  &#xe634;
- 
  推广
  &#xe6e3;
- 
  行业新闻
  &#xe65c;
- 
  个人信息
  &#xe691;
- 
  分享
  &#xe698;
- 
  会员卡
  &#xe60f;
- 
  小店
  &#xe8c5;
- 
  活力松-M-没有银行卡或比特币
  &#xe6b6;
- 
  分享
  &#xe699;
- 
  积分 (1)
  &#xe62b;
- 
  返回
  &#xe63b;
- 
  设备管理
  &#xe62c;
- 
  微信
  &#xe66f;
- 
  扫一扫
  &#xe614;
- 
  公司名称
  &#xe65d;
- 
  三个人
  &#xe683;
- 
  批量管理
  &#xe6a7;
- 
  表情-开心
  &#xe6ba;
- 
  扫一扫
  &#xe643;
- 
  删除
  &#xe6af;
- 
  下架
  &#xe6d6;
- 
  标签
  &#xe63f;
- 
  卡
  &#xe609;
- 
  短信验证码
  &#xe66b;
- 
  预收款
  &#xe605;
- 
  扫一扫
  &#xe602;
- 
  微博
  &#xe692;
- 
  推荐
  &#xe6b0;
- 
  优惠
  &#xe693;
- 
  加号_大
  &#xe62e;
- 
  qq
  &#xe694;
- 
  购物车添加
  &#xe603;
- 
  门店
  &#xe61a;
- 
  二维码
  &#xe696;
- 
  删除
  &#xe6b1;
- 
  感叹号
  &#xe6a6;
- 
  礼物 (1)
  &#xe624;
- 
  订单
  &#xe655;
- 
  我的
  &#xe62f;
- 
  短信验证码
  &#xe66c;
- 
  扫一扫
  &#xe606;
- 
  优惠券-选中
  &#xe663;
- 
  统计 - p
  &#xe649;
- 
  成功
  &#xe679;
- 
  扫一扫
  &#xe63a;
- 
  地区
  &#xe7ca;
- 
  微信
  &#xe695;
- 
  手机
  &#xe654;
- 
  手机
  &#xe656;
- 
  消息
  &#xe63d;
- 
  明细
  &#xe622;
- 
  现金
  &#xe8a6;
- 
  进入
  &#xe6a1;
- 
  推广
  &#xe684;
- 
  感叹号
  &#xe648;
- 
  心
  &#xe982;
- 
  成功
  &#xe67a;
- 
  三横总类目
  &#xe661;
- 
  二维码
  &#xe607;
- 
  畜牧兽医技术推广中心
  &#xe685;
- 
  优惠券
  &#xe664;
- 
  二维码
  &#xe69d;
- 
  标签 (2)
  &#xe608;
- 
  预览
  &#xe6b2;
- 
  编辑
  &#xe678;
- 
  消息通知
  &#xe637;
- 
  轮播图管理
  &#xe6aa;
- 
  密码
  &#xe64f;
- 
  积分 (2)
  &#xe755;
- 
  删除
  &#xe6b3;
- 
  搜索
  &#xe635;
- 
  返回
  &#xe63c;
- 
  成功
  &#xe67b;
- 
  支付宝
  &#xe670;
- 
  扫一扫
  &#xe7e0;
- 
  推广 (2)
  &#xe686;
- 
  资质认证
  &#xe67e;
- 
  设置
  &#xe630;
- 
  收银
  &#xe638;
- 
  验证码
  &#xe66d;
- 
  删除
  &#xe6db;
- 
  删除
  &#xe6b4;
- 
  扫一扫
  &#xe60a;
- 
  券
  &#xe60b;
- 
  地区
  &#xe9c4;
- 
  手机
  &#xe657;
- 
  获取分享二维码
  &#xe611;
- 
  收款
  &#xe617;
- 
  减号
  &#xe677;
- 
  支付-微信
  &#xe646;
- 
  箭头 上
  &#xe6a4;
- 
  扫一扫
  &#xe612;
- 
  账单
  &#xe639;
- 
  三横
  &#xe631;
- 
  个人中心二维码
  &#xe623;
- 
  搜索
  &#xe636;
- 
  绑定
  &#xe662;
- 
  设备管理
  &#xe633;
- 
  自助买单银行卡支付
  &#xe7b8;
- 
  减号
  &#xe6f5;
- 
  微信 支付
  &#xe641;
- 
  支付宝
  &#xe644;
- 
  左箭头
  &#xe64a;
- 
  收款二维码
  &#xe60c;
- 
  手机
  &#xe6a8;
- 
  礼物-70
  &#xe676;
- 
  优惠
  &#xe64e;
- 
  下箭头 xiajiantou
  &#xe6a5;
- 
  卡
  &#xe615;
- 
  文件
  &#xe653;
- 
  会员
  &#xe618;
- 
  上下箭头
  &#xe671;
- 
  没有符合条件的商品
  &#xe69e;
- 
  钱包
  &#xe619;
- 
  喇叭
  &#xe61b;
- 
  购物车
  &#xe667;
- 
  券
  &#xe89a;
- 
  进入
  &#xe63e;
- 
  加入购物车
  &#xe61c;
- 
  没有更多了
  &#xe69f;
- 
  推广2
  &#xe687;
- 
  使用中
  &#xe73d;
- 
  轮播图
  &#xe6ab;
- 
  券-5
  &#xe625;
- 
  行业
  &#xe65e;
- 
  公司名称
  &#xe66a;
- 
  _一级菜单 收付款管理
  &#xe675;
- 
  消息通知
  &#xe669;
- 
  收银助手优惠核销
  &#xe61d;
- 
  推广
  &#xe68a;
- 
  左箭头
  &#xe64b;
- 
  商品添加
  &#xe6ac;
- 
  喇叭
  &#xe68d;
- 
  预览
  &#xe6b5;
- 
  认证
  &#xe680;
- 
  上下箭头
  &#xe672;
- 
  资质文件
  &#xe681;
- 
  批量
  &#xe7b2;

## 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.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;
      -webkit-text-stroke-width: 0.2px;
      -moz-osx-font-smoothing: grayscale;
    }

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

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

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