# IconFont 图标

- 微信
  .icon-weixin
- 更多
  .icon-more-1
- QQ
  .icon-qq
- 微博
  .icon-unie61d
- qzone
  .icon-qzone
- 二维码
  .icon-erweima
- 收藏_已收藏
  .icon-collect
- 圆形选中
  .icon-checkbox
- 删除
  .icon-delete
- 下载
  .icon-xiazai
- 全屏
  .icon-full
- 设置
  .icon-set
- 报销申请
  .icon-expenses
- LOGO
  .icon-logo
- CRM
  .icon-crm
- 办公参数
  .icon-office-params
- 产品
  .icon-products
- 公司管理
  .icon-com-manage
- 采购
  .icon-purchase
- 后台
  .icon-admin
- 角色权限
  .icon-roles
- 竞争对手
  .icon-powers
- 联系人
  .icon-contacts
- 客户
  .icon-clients
- 工作报告
  .icon-reports
- 设置
  .icon-settings
- 审批
  .icon-approvals
- 日程
  .icon-schedules
- 商机
  .icon-biz
- 市场活动
  .icon-markets
- 任务
  .icon-tasks
- 收起全屏
  .icon-refull
- 收起菜单
  .icon-d-arrow-left
- 首页
  .icon-home
- 数据管理
  .icon-dm
- 统计分析
  .icon-analysis
- 同事圈
  .icon-friends
- 下拉
  .icon-e-dropdown
- 线索
  .icon-clues
- 下拉选中
  .icon-s-dropdown
- 销售参数
  .icon-params
- 仪表盘
  .icon-dashboard
- 销售字段
  .icon-field
- 协同办公
  .icon-teamwork
- 销售预测
  .icon-forecast
- 邮件管理
  .icon-email-settings
- 销售目标
  .icon-targets
- 知识库
  .icon-knowledge
- 账号信息
  .icon-account-info
- 展开菜单
  .icon-ex-menu
- 编辑
  .icon-edit
- 播放
  .icon-play
- 编辑-1
  .icon-text-edit
- 草稿邮件
  .icon-email-draft
- 出差申请
  .icon-trip
- 定时邮件
  .icon-timing-email
- 打印
  .icon-print
- 点赞
  .icon-likes
- 附件
  .icon-attachment
- 付款申请
  .icon-pay
- 更多
  .icon-more
- 关闭-1
  .icon-shut
- 关闭
  .icon-close
- 红旗未选中
  .icon-unflag
- 红旗
  .icon-flag
- 紧急邮件
  .icon-emer-mail
- 禁用
  .icon-disabled
- 快速新建
  .icon-build
- 请假申请
  .icon-absence
- 评论
  .icon-comment
- 筛选
  .icon-filter
- 启用
  .icon-enabled
- 删除
  .icon-del
- 上传列表-1
  .icon-transport-list
- 收藏
  .icon-keep
- 视图切换
  .icon-menu-app
- 收件箱
  .icon-inbox
- 搜索
  .icon-search
- 通知
  .icon-notice
- 外出申请
  .icon-eg-apply
- 拖移
  .icon-drag
- 文件夹
  .icon-folder
- 问号
  .icon-question
- 下拉
  .icon-arrow-down
- 下拉-1
  .icon-caret-bottom
- 写信
  .icon-write-letter
- 已读邮件
  .icon-mail-read
- 暂停
  .icon-pause
- 展开
  .icon-expand
- 已发送邮件
  .icon-mail-send
- 转发
  .icon-forwarded
- 子文件
  .icon-subfile
- 邮件
  .icon-email
- 左箭头
  .icon-arrow-left
- 右箭头
  .icon-arrow-right
- 下拉
  .icon-arrow-up
- 恢复
  .icon-redo
- 撤销
  .icon-undo
- 互动
  .icon-interactive
- 背景
  .icon-background
- 图片
  .icon-image
- 形状
  .icon-shape
- 左对齐
  .icon-left-alignment
- 垂直居中
  .icon-chuizhijuzhong
- 顶对齐
  .icon-top-alignment
- 底对齐
  .icon-bottom-alignment
- 居中
  .icon-center
- 文本
  .icon-text
- 复制
  .icon-copy
- 返回
  .icon-back
- 添加
  .icon-add
- 网格
  .icon-grid
- 导出_normal
  .icon-export
- 上传列表-1
  .icon-upload-lists-copy

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