IconFont

# IconFont 图标

- 
  列表
  &#xee2f;
- 
  发送
  &#xee39;
- 
  充值
  &#xee3c;
- 
  付款方式
  &#xee3d;
- 
  电子书
  &#xee52;
- 
  扬声器
  &#xee3b;
- 
  标签
  &#xee44;
- 
  钱袋
  &#xee42;
- 
  照相机
  &#xee25;
- 
  正确
  &#xee57;
- 
  错误
  &#xee58;
- 
  禁止
  &#xee5b;
- 
  提示
  &#xee5c;
- 
  创意
  &#xee47;
- 
  账户
  &#xee24;
- 
  文件
  &#xee4b;
- 
  编辑文件
  &#xee4c;
- 
  复制文件
  &#xee4d;
- 
  资料库
  &#xee43;
- 
  竖状图
  &#xee35;
- 
  计划
  &#xee51;
- 
  用研
  &#xee49;
- 
  密匙
  &#xee29;
- 
  管理
  &#xee4e;
- 
  首页
  &#xee27;
- 
  搜索
  &#xee28;
- 
  用户
  &#xee21;
- 
  对话
  &#xee3a;
- 
  邮件
  &#xee36;
- 
  赞扬
  &#xee5d;
- 
  批评
  &#xee5e;
- 
  设置
  &#xee26;
- 
  删除
  &#xee4f;
- 
  信息
  &#xee59;
- 
  帮助
  &#xee5a;
- 
  收藏
  &#xee53;
- 
  喜爱
  &#xee54;
- 
  好友
  &#xee23;
- 
  编辑
  &#xee4a;
- 
  附件
  &#xee2c;
- 
  大列表
  &#xee31;
- 
  大缩略图列表
  &#xee33;
- 
  瀑布流
  &#xee34;
- 
  列表
  &#xee32;
- 
  下载
  &#xee2d;
- 
  发送邮件
  &#xee38;
- 
  加
  &#xee55;
- 
  减
  &#xee56;
- 
  退出
  &#xee2a;
- 
  打开信息
  &#xee37;
- 
  应用中心
  &#xee2e;
- 
  向右
  &#xee62;
- 
  环
  &#xee5f;
- 
  金额
  &#xee3e;
- 
  图片
  &#xee2b;
- 
  平板
  &#xee7d;
- 
  书签
  &#xee60;
- 
  钻石
  &#xee72;
- 
  百度
  &#xee9a;
- 
  返回
  &#xee69;
- 
  订阅
  &#xee45;
- 
  返回顶部
  &#xee6b;
- 
  刷新
  &#xee9f;
- 
  办公桌
  &#xee48;
- 
  向下
  &#xee67;
- 
  向上
  &#xee68;
- 
  银行卡
  &#xee9b;
- 
  点
  &#xee66;
- 
  向右
  &#xee6a;
- 
  礼物
  &#xee86;
- 
  icon-竖杠
  &#xee9e;
- 
  点
  &#xee65;
- 
  右箭头
  &#xee64;
- 
  小箭头
  &#xee61;
- 
  管理员
  &#xee22;
- 
  交易记录
  &#xee41;
- 
  电话
  &#xee9d;
- 
  购物
  &#xee90;
- 
  图表
  &#xee8c;
- 
  夜间模式
  &#xee78;
- 
  暂停
  &#xee7e;
- 
  QQ
  &#xee94;
- 
  皇冠
  &#xee71;
- 
  人参
  &#xeea6;
- 
  微博
  &#xee96;
- 
  图表
  &#xee8e;
- 
  金币充值
  &#xee40;
- 
  windows
  &#xee93;
- 
  箭头
  &#xee63;
- 
  红酒
  &#xeea5;
- 
  图文
  &#xee30;
- 
  上下
  &#xee7a;
- 
  137学币1
  &#xee3f;
- 
  日志
  &#xee46;
- 
  书
  &#xee50;
- 
  手机
  &#xee7b;
- 
  微信
  &#xee95;
- 
  电脑
  &#xee7c;
- 
  票
  &#xee6e;
- 
  奶茶
  &#xeea2;
- 
  阿里
  &#xee98;
- 
  单线花朵
  &#xee84;
- 
  块状花朵
  &#xee85;
- 
  vip
  &#xee6f;
- 
  支付宝
  &#xee97;
- 
  福蛋
  &#xee6d;
- 
  v
  &#xee8b;
- 
  鲜花
  &#xee6c;
- 
  晴（白天）
  &#xee79;
- 
  赏2-01
  &#xee70;
- 
  用户头像
  &#xee75;
- 
  画笔颜色
  &#xee77;
- 
  字体大小
  &#xee76;
- 
  女
  &#xee74;
- 
  男
  &#xee73;
- 
  3.1收藏-选中
  &#xee83;
- 
  3.1收藏
  &#xee82;
- 
  3.1关注1-选中
  &#xee81;
- 
  3.1关注1
  &#xee80;
- 
  网站
  &#xee8f;
- 
  奖励所得
  &#xee88;
- 
  厨电_披萨
  &#xeea4;
- 
  奖励
  &#xee89;
- 
  教练休息
  &#xee7f;
- 
  红包
  &#xee87;
- 
  完
  &#xee8a;
- 
  图表
  &#xee8d;
- 
  淘宝
  &#xee99;
- 
  咖啡
  &#xeea3;
- 
  银联
  &#xee9c;
- 
  苹果
  &#xee92;
- 
  安卓
  &#xee91;
- 
  糖果
  &#xeea1;

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