IconFont 图标

• 剪切
  .icon-cut
• 评论/回复
  .icon-comments
• 菜单
  .icon-nav
• 设置
  .icon-setting-full
• 更多
  .icon-more
• 密码icon
  .icon-key
• 删除-试用
  .icon-delete
• 返回上一级箭头
  .icon-up
• 数据
  .icon-count
• add
  .icon-close
• help
  .icon-help
• information
  .icon-info
• pic
  .icon-pic
• success
  .icon-success
• warning
  .icon-warning
• wrong
  .icon-wrong
• account
  .icon-account
• search
  .icon-search
• 收款方式
  .icon-order-full
• 树形线
  .icon-csac
• arrow
  .icon-arrow-down
• 消息
  .icon-message
• close
  .icon-remove
• file
  .icon-file
• attachment
  .icon-attachment
• 确认
  .icon-confirm-full
• home
  .icon-sofa
• lights
  .icon-lights
• home
  .icon-home
• file-empty
  .icon-file-empty
• 编辑
  .icon-pencil
• download
  .icon-download
• 消息
  .icon-comment
• download
  .icon-down
• copy
  .icon-copy
• 钱包
  .icon-purse
• bad
  .icon-bad
• good
  .icon-good
• phone
  .icon-phone
• save
  .icon-save
• 编辑
  .icon-edit
• user
  .icon-user-full
• selected
  .icon-selected
• 标星-fill
  .icon-star-fill
• 标星
  .icon-star
• 喜欢
  .icon-like
• 日期
  .icon-date
• setting
  .icon-setting
• exl
  .icon-exl
• pdf
  .icon-pdf
• zip
  .icon-zip
• 购物车
  .icon-cart
• 购物车添加
  .icon-cart-add
• 链接
  .icon-link
• 收货地址
  .icon-position
• 我的反馈
  .icon-feedback
• 我的红包
  .icon-lucky
• file
  .icon-database
• 转发
  .icon-move
• 68 Folder hower
  .icon-folder
• add
  .icon-add
• 返回
  .icon-return
• 短信-01
  .icon-mail
• 减号
  .icon-open
• 运输
  .icon-deliver-full
• survey
  .icon-survey
• Folder
  .icon-folder-empty
• 选中角标
  .icon-check-mark
• ico-tip
  .icon-tip
• 数据库
  .icon-integral
• 更多
  .icon-list-menu
• 选择模板
  .icon-templet
• 站点
  .icon-site
• hot
  .icon-hot
• 列表
  .icon-catalog
• 下载名不虚传插件
  .icon-plugin-full
• 管理员2
  .icon-manager
• list
  .icon-list-txt
• 网格化-全选
  .icon-check
• 重新生成
  .icon-build
• 记录
  .icon-log
• 返现
  .icon-order
• 置顶
  .icon-top
• 应用
  .icon-app
• 应用
  .icon-list-fill
• 应急站点
  .icon-home-full
• eye
  .icon-eye
• usr
  .icon-user
• 应用
  .icon-list-img
• arrow
  .icon-arrow-up
• arrow
  .icon-arrow-left
• arrow
  .icon-arrow-right

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