IconFont

# IconFont 图标

- 列表
  #icon-list
- 发送
  #icon-send
- 充值
  #icon-recharge
- 付款方式
  #icon-paytype
- 电子书
  #icon-ebook
- 扬声器
  #icon-speaker
- 标签
  #icon-tag
- 钱袋
  #icon-wallet
- 照相机
  #icon-camera
- 正确
  #icon-right
- 错误
  #icon-fault
- 禁止
  #icon-deny
- 提示
  #icon-hint
- 创意
  #icon-act
- 账户
  #icon-account
- 文件
  #icon-file
- 编辑文件
  #icon-editfile
- 复制文件
  #icon-files
- 资料库
  #icon-books
- 竖状图
  #icon-stat
- 计划
  #icon-plan
- 用研
  #icon-write
- 密匙
  #icon-key
- 管理
  #icon-manage
- 首页
  #icon-home
- 搜索
  #icon-search
- 用户
  #icon-user
- 对话
  #icon-message
- 邮件
  #icon-email
- 赞扬
  #icon-good
- 批评
  #icon-bad
- 设置
  #icon-set
- 删除
  #icon-delete
- 信息
  #icon-info
- 帮助
  #icon-help
- 收藏
  #icon-mark
- 喜爱
  #icon-love
- 好友
  #icon-friends
- 编辑
  #icon-edit
- 附件
  #icon-attach
- 大列表
  #icon-biglist
- 大缩略图列表
  #icon-imglist
- 瀑布流
  #icon-falllist
- 列表
  #icon-ilist
- 下载
  #icon-download
- 发送邮件
  #icon-sendemail
- 加
  #icon-add
- 减
  #icon-sub
- 退出
  #icon-exit
- 打开信息
  #icon-openemail
- 应用中心
  #icon-appcenter
- 向右
  #icon-right1
- 环
  #icon-ring
- 金额
  #icon-money
- 图片
  #icon-image
- 平板
  #icon-pingban
- 书签
  #icon-bookmark
- 钻石
  #icon-zuanshi
- 百度
  #icon-baidu
- 返回
  #icon-fanhui
- 订阅
  #icon-subscription
- 返回顶部
  #icon-fanhuidingbu
- 刷新
  #icon-shuaxin
- 办公桌
  #icon-desk
- 向下
  #icon-xiangxia
- 向上
  #icon-xiangshang
- 银行卡
  #icon-yinxingqia
- 点
  #icon-dotc
- 向右
  #icon-xiangyou
- 礼物
  #icon-liwu
- icon-竖杠
  #icon-iconshugang
- 点
  #icon-dot
- 右箭头
  #icon-arrowi
- 小箭头
  #icon-arrow
- 管理员
  #icon-writer
- 交易记录
  #icon-paylog
- 电话
  #icon-dianhua
- 购物
  #icon-gouwu
- 图表
  #icon-tubiao
- 夜间模式
  #icon-yejianmoshi
- 暂停
  #icon-zanting
- QQ
  #icon-qq
- 皇冠
  #icon-huangguan
- 人参
  #icon-rencan
- 微博
  #icon-unie61d
- 图表
  #icon-tubiao1
- 金币充值
  #icon-dollar
- windows
  #icon-windows
- 箭头
  #icon-arrows
- 红酒
  #icon-hongjiu
- 图文
  #icon-pictxt
- 上下
  #icon-shangxia
- 137学币1
  #icon-coin
- 日志
  #icon-log
- 书
  #icon-read
- 手机
  #icon-shouji
- 微信
  #icon-weixin
- 电脑
  #icon-diannao
- 票
  #icon-piao
- 奶茶
  #icon-naicha
- 阿里
  #icon-icon
- 单线花朵
  #icon-danxianhuaduo
- 块状花朵
  #icon-kuaizhuanghuaduo
- vip
  #icon-vip
- 支付宝
  #icon-zhifubao
- 福蛋
  #icon-fudan
- v
  #icon-v
- 鲜花
  #icon-baoji
- 晴（白天）
  #icon-qingbaitian
- 赏2-01
  #icon-shang201
- 用户头像
  #icon-yonghutouxiang
- 画笔颜色
  #icon-huabiyanse
- 字体大小
  #icon-zitidaxiao
- 女
  #icon-nv
- 男
  #icon-nan
- 3.1收藏-选中
  #icon-31shoucangxuanzhong
- 3.1收藏
  #icon-31shoucang
- 3.1关注1-选中
  #icon-31guanzhu1xuanzhong
- 3.1关注1
  #icon-31guanzhu1
- 网站
  #icon-wangzhan
- 奖励所得
  #icon-jianglisuode
- 厨电_披萨
  #icon-chudianpisa
- 奖励
  #icon-jiangli
- 教练休息
  #icon-jiaolianxiuxi
- 红包
  #icon-hongbao
- 完
  #icon-wan
- 图表
  #icon-chart
- 淘宝
  #icon-taobao
- 咖啡
  #icon-kafei
- 银联
  #icon-yinlian1193427easyiconnet
- 苹果
  #icon-pingguo
- 安卓
  #icon-anzhuo-copy
- 糖果
  #icon-tangguo

## symbol引用

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：

- 支持多色图标了，不再受单色限制。
- 通过一些技巧，支持像字体那样，通过`font-size`,`color`来调整样式。
- 兼容性较差，支持 ie9+,及现代浏览器。
- 浏览器渲染svg的性能一般，还不如png。

使用步骤如下：

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

    <script src="./iconfont.js"></script>

### 第二步：加入通用css代码（引入一次就行）：

    <style type="text/css">
    .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>