# IconFont 图标

- 
  图片
  &#xe6d2;
- 
  刮刮卡
  &#xe6e0;
- 
  图片
  &#xe654;
- 
  视频
  &#xe620;
- 
  大转盘
  &#xe602;
- 
  图片
  &#xe6ff;
- 
  标签
  &#xe613;
- 
  双向呼叫
  &#xe617;
- 
  卡券营销
  &#xe614;
- 
  添加图标
  &#xe652;
- 
  二维码
  &#xe6bc;
- 
  链接
  &#xe627;
- 
  分组
  &#xe6d6;
- 
  模板库
  &#xe659;
- 
  语音消息
  &#xe65d;
- 
  提建议
  &#xe7b1;
- 
  条形码1-01
  &#xe6f7;
- 
  上传
  &#xe667;
- 
  卡券
  &#xe603;
- 
  微商城
  &#xe60b;
- 
  基本信息
  &#xe649;
- 
  储值
  &#xe60a;
- 
  计划
  &#xe607;
- 
  短信
  &#xe61d;
- 
  卡券
  &#xe60d;
- 
  短信营销
  &#xe615;
- 
  拼图
  &#xe683;
- 
  视频
  &#xe63a;
- 
  列表
  &#xe62f;
- 
  短信 2
  &#xe623;
- 
  游戏
  &#xe62d;
- 
  门店
  &#xe82a;
- 
  核销
  &#xe606;
- 
  微信营销
  &#xe653;
- 
  分析
  &#xe608;
- 
  手机验证码
  &#xe619;
- 
  删除
  &#xe605;
- 
  next
  &#xe611;
- 
  消费
  &#xe609;
- 
  icon-二维码
  &#xe6fd;
- 
  卡券包
  &#xe604;
- 
  排序
  &#xe600;
- 
  信息管理
  &#xe610;
- 
  会员管理
  &#xe60c;
- 
  通话记录
  &#xe69b;
- 
  记录
  &#xe756;
- 
  断开链接
  &#xe674;
- 
  消费
  &#xe6e3;
- 
  轨迹检索
  &#xe616;
- 
  小程序
  &#xe61a;
- 
  分隔符
  &#xe61f;
- 
  展开
  &#xe742;
- 
  收起
  &#xe743;
- 
  互动
  &#xe60e;
- 
  语音
  &#xe650;
- 
  消费
  &#xe672;
- 
  编辑
  &#xe618;
- 
  文字
  &#xe65b;
- 
  智能引擎
  &#xe734;
- 
  拖拽
  &#xea17;
- 
  营销活动管理
  &#xe785;
- 
  小程序
  &#xe61b;
- 
  著作权
  &#xe60f;
- 
  条形码
  &#xea30;
- 
  微信会员
  &#xe6ab;
- 
  电商会员
  &#xe6ad;
- 
  电商买家
  &#xe6ae;
- 
  积分制度
  &#xe6b0;
- 
  会员信息字段
  &#xe6b2;
- 
  会员特权
  &#xe6b3;
- 
  会员价值分类
  &#xe6b4;
- 
  素材库
  &#xe6b5;
- 
  会员卡设置
  &#xe6b6;
- 
  卡券展架
  &#xe6ba;
- 
  卡券记录
  &#xe6bb;
- 
  口令福利
  &#xe6be;
- 
  营销模板
  &#xe6bf;
- 
  找你马
  &#xe6c0;
- 
  门店签到
  &#xe6c1;
- 
  线上签到
  &#xe6c2;
- 
  评价管理
  &#xe6c3;
- 
  订单评价机制
  &#xe6c4;
- 
  商户信息
  &#xe6c7;
- 
  门店信息
  &#xe6c8;
- 
  成员信息
  &#xe6c9;
- 
  通讯费用
  &#xe6ca;
- 
  会员生动化管理
  &#xe6cb;
- 
  积分结算费用
  &#xe6cc;
- 
  POS会员
  &#xe6cd;
- 
  业绩结算
  &#xe6ce;
- 
  自动回复
  &#xe6cf;
- 
  自定义菜单
  &#xe6d0;
- 
  通用广告位
  &#xe6d1;
- 
  特例广告位
  &#xe6d3;
- 
  游戏开放接口
  &#xe6d4;
- 
  自定义页面
  &#xe6d5;
- 
  导航设置
  &#xe6d7;
- 
  会员功能页面
  &#xe6d9;
- 
  主题设置
  &#xe6da;
- 
  下载
  &#xe6e8;
- 
  添加图片
  &#xe68a;
- 
  模板消息库
  &#xe6e9;
- 
  模板消息群发
  &#xe6ea;
- 
  upload
  &#xe6ec;
- 
  图表为空
  &#xe7ae;
- 
  CSV
  &#xe601;
- 
  会员在线沟通
  &#xe708;
- 
  事务分配机制
  &#xe709;
- 
  暂无数据
  &#xe612;
- 
  打勾(1)
  &#xe6bd;
- 
  扫描
  &#xe65e;
- 
  视频
  &#xe625;
- 
  小程序
  &#xe61c;
- 
  积分明细表
  &#xe746;
- 
  积分结算归属
  &#xe747;
- 
  积分成本配置
  &#xe748;
- 
  图文样式
  &#xe61e;
- 
  冻结
  &#xe749;
- 
  广告页设置
  &#xe74e;
- 
  信息 显示
  &#xe74f;
- 
  电话
  &#xe655;
- 
  卡券
  &#xe76e;
- 
  手工标签
  &#xe782;
- 
  平台标签库
  &#xe789;
- 
  手工标签库
  &#xe78a;
- 
  我的标签库
  &#xe78b;

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