IconFont 图标

• 邮箱
  .icon-youxiang
• 删除
  .icon-shanchu
• 右箭头
  .icon-youjiantou
• 时间
  .icon-shijian
• 电话
  .icon-dianhua
• 下箭头
  .icon-xiajiantou1-copy
• 下载
  .icon-xiazai
• 火
  .icon-huo
• 三角
  .icon-shoujiwangye01
• 箭头
  .icon-jiantou-copy-copy
• 排序
  .icon-paixu
• 消息
  .icon-xiaoxi
• 投稿
  .icon-tougao
• 右箭头
  .icon-youjiantou1
• 时间降序
  .icon-shijianjiangxu
• 收藏
  .icon-shoucang
• 收藏
  .icon-shoucang1
• 右旋转
  .icon-icons06
• 左旋转
  .icon-icons07
• 时间升序
  .icon-order-up
• 故障管理
  .icon-guzhangguanli
• 加号
  .icon-jiahao
• 笔记
  .icon-biji-copy
• PDF
  .icon-pdf2
• @
  .icon-a
• 箭头
  .icon-jiantou-copy-copy-copy
• 下箭头
  .icon-xiajiantou1-copy-copy
• 关闭
  .icon-guanbi
• PDF-01
  .icon-PDF
• PPT-01
  .icon-PPT
• DOC-01
  .icon-DOC
• add
  .icon-add
• BMP
  .icon-BMP
• TXT
  .icon-TXT
• JPG
  .icon-JPG
• GIF
  .icon-GIF
• XLS
  .icon-XLS
• 上箭头
  .icon-shangjiantou
• 下箭头
  .icon-xiajiantou
• 右箭头
  .icon-youjiantou2
• 锁
  .icon-suo
• 报告
  .icon-baogao
• 公告
  .icon-gonggao
• 快讯
  .icon-kuaixun
• 热点
  .icon-redian
• 会议
  .icon-huiyi
• 电话会议
  .icon-dianhuahuiyi
• 培训
  .icon-peixun
• 主题交流
  .icon-yejigoutong
• 专题论坛
  .icon-zhuantiluntan
• 其他
  .icon-qita
• 联合调研
  .icon-lianhetiaoyan
• 上门路演
  .icon-shangmenluyan
• 路演
  .icon-rongziluyan
• 策略会
  .icon-celvehui
• 下降
  .icon-xiajiang
• 上升
  .icon-shangsheng
• 多文件下载
  .icon-duowenjianxiazai
• 工具
  .icon-gongju
• 搜索
  .icon-sousuo
• 灯泡
  .icon-dengpao
• 报告
  .icon-baogao1
• 日期
  .icon-riqi
• 热门个股
  .icon-remengegu
• 大数据日报
  .icon-dashujuribao
• 编辑
  .icon-bianji
• service03
  .icon-service03
• service02
  .icon-service02
• service01
  .icon-service01
• 选中
  .icon-xuanzhong
• 置顶
  .icon-zhiding
• 未识别
  .icon-weishibie
• compact
  .icon-compact
• dilute
  .icon-dilute
• top
  .icon-top
• 手机
  .icon-shouji
• face
  .icon-face
• 报告
  .icon-baogao2
• tip
  .icon-tip
• visible
  .icon-visible
• 右箭头
  .icon-zuojiantou
• address
  .icon-address
• smile
  .icon-smile
• name
  .icon-name
• 展会
  .icon-hangyefenghui
• 播放
  .icon-bofang
• 暂停
  .icon-zanting
• 音量
  .icon-yinliang
• 上升
  .icon-bubian-copy
• 静音
  .icon-jingyin
• timebold
  .icon-timebold
• 选中
  .icon-xuanzhong1
• history
  .icon-history
• 微信
  .icon-weixin
• windows
  .icon-windows
• 不喜欢_32
  .icon-buxihuan
• Android
  .icon-Android
• ios
  .icon-ios
• unlike-ico-light
  .icon-unlike-ico-light
• unlike-ico
  .icon-unlike-ico
• chat-icon
  .icon-chat-icon
• home-right
  .icon-gengduo
• home-setting
  .icon-tuijianshezhi-
• home-message
  .icon-xiaoxizhongxin-
• home-news
  .icon-yuqingzixun-

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