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

## font-class引用

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

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

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

使用步骤如下：

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

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

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

    <i class="iconfont icon-xxx"></i>

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