# IconFont 图标

- 新建
  .wtf-plus
- 关闭
  .wtf-close
- 方框
  .wtf-check-square
- 我的任务
  .wtf-dashboard-o
- 移动
  .wtf-move
- 关联
  .wtf-link-entity
- 结束时间-02-01
  .wtf-due-date
- 开始时间-02-01
  .wtf-begin-date
- 下拉_展开
  .wtf-caret-down
- 模块-考核
  .wtf-appraisal
- 模块-审批－未点击
  .wtf-approval-o
- 模块-视频会议－未点击
  .wtf-meeting-o
- 模块-通讯录-点击效果
  .wtf-contacts
- 模块-销售 3
  .wtf-crm-o
- 模块-门户
  .wtf-portal-o
- 模块-考勤－未点击
  .wtf-leave-o
- 模块-考勤 2
  .wtf-leave
- 模块-考核－未点击 2
  .wtf-appraisal-o
- 模块-目标
  .wtf-okr
- 模块-公告－未点击
  .wtf-bulletin-o
- 模块-简报－未点击
  .wtf-report-o
- 模块-简报
  .wtf-report
- 模块-公告
  .wtf-bulletin
- 模块-销售 4
  .wtf-crm
- 模块-门户 2
  .wtf-portal
- 模块-审批
  .wtf-approval
- 模块-视频会议
  .wtf-meeting
- 模块-目标－未点击svg
  .wtf-okr-o
- 模块-任务-未点击状态
  .wtf-task-o
- 模块-日历
  .wtf-calendar
- 模块-网盘-未点击状态
  .wtf-drive-o
- 模块-通讯录-未点击效果
  .wtf-contacts-o
- 模块-消息-未点击状态
  .wtf-message-o
- 模块-日历-未点击
  .wtf-calendar-o
- 模块-任务-点击效果
  .wtf-task
- 模块-应用-未点击状态
  .wtf-apps-o
- 模块-网盘-点击状态
  .wtf-drive
- 模块-应用-点击效果
  .wtf-apps
- 模块-消息-点击状态
  .wtf-message
- 部门门户
  .wtf-portal-department-o
- 个人门户
  .wtf-portal-personal-o
- 其他门户
  .wtf-portal-custom-o
- 公司门户
  .wtf-portal-team-o
- 更多
  .wtf-more
- 文件
  .wtf-folder
- 私有文件
  .wtf-folder-private
- 下载
  .wtf-download
- 上传
  .wtf-upload
- 全屏
  .wtf-full-screen
- 查看历史版本
  .wtf-view-history
- 下载 20x20
  .wtf-download-20
- 点赞
  .wtf-heart
- 编辑20x20
  .wtf-edit-square-lg
- 点赞-未点击状态
  .wtf-heart-o
- 附件20x20
  .wtf-attachment-lg
- 发送至20x20
  .wtf-send-square-lg
- 返回
  .wtf-angle-left
- 活动 列表展示
  .wtf-list-ul
- 快速创建 圆形
  .wtf-circle-plus
- 排序向上
  .wtf-arrow-up
- 排序向下
  .wtf-arrow-down
- 评论16x16
  .wtf-commenting-o
- 搜索14x14
  .wtf-search-o
- 添加
  .wtf-th-plus
- 删除16x16
  .wtf-trash-o
- 添加标签20x20
  .wtf-label-lg-o
- 向下双层展开
  .wtf-angle-double-down
- 周期选择-图标
  .wtf-th-large
- 过滤，筛选
  .wtf-filter-line
- 用户组，一组成员
  .wtf-user-group-o
- 设置图标
  .wtf-setting-o
- 添加项目
  .wtf-project-add-o
- 添加门户
  .wtf-portal-add-o
- 用户
  .wtf-user-o
- 模块-目标-评分
  .wtf-grade-o
- 模块-目标-钥匙
  .wtf-key-o
- 我的目标
  .wtf-okr-sm-o
- 编辑
  .wtf-edit-o
- 通信录-团队
  .wtf-user-group
- 通信录-发送消息
  .wtf-contact-send
- 通信录-电话
  .wtf-phone
- 通信录-部门
  .wtf-organization
- 通信录-邮箱
  .wtf-email
- 通信录-职位
  .wtf-title
- 未标星
  .wtf-star-o
- 标星
  .wtf-star
- 添加人员
  .wtf-add-member
- 发起聊天
  .wtf-message-add
- 添加任务
  .wtf-task-add
- 添加日程
  .wtf-calendar-add
- 上传文件
  .wtf-drive-upload
- 销售-合同14x14
  .wtf-contract-o
- 销售-合同状态
  .wtf-contract-status-o
- 销售-合同20x20
  .wtf-contract-lg-o
- 销售-合同-开票
  .wtf-billing-o
- 销售-合同-回款
  .wtf-payment-o
- 销售-客户
  .wtf-customer-o
- 日期
  .wtf-calendar-check-o
- 销售-资料
  .wtf-info-o
- 优先级3
  .wtf-level-high
- 优先级1
  .wtf-level-low
- 优先级2
  .wtf-level-secondary
- 新建日历
  .wtf-calendar-add-o
- 发起消息
  .wtf-message-add-o
- 链接
  .wtf-link
- 空页面
  .wtf-empty-o
- 名片
  .wtf-business-card
- 天气
  .wtf-weather
- 统计
  .wtf-bar-chart-increment
- 时钟
  .wtf-clock
- 应用入口
  .wtf-th-large-app
- RSS
  .wtf-rss
- 二维码
  .wtf-qr-code
- 文件文本
  .wtf-file-text
- 图标百分比，投票使用
  .wtf-bars-percent
- 纯文本，用户门户
  .wtf-text
- 图片
  .wtf-image
- 日历，日期
  .wtf-calendar-date
- 待办组件
  .wtf-user-upcoming
- 投票
  .wtf-trophy
- 项目，收件箱
  .wtf-inbox
- 归档
  .wtf-archive
- 私有项目_实心
  .wtf-project-private
- 私有项目
  .wtf-project-private-o
- 提交审批
  .wtf-submit-approval
- 附件
  .wtf-attachment
- 图片
  .wtf-image-o
- 子任务
  .wtf-task-sub-lg-o
- 子任务14x14
  .wtf-task-sub-o
- 更多20x20
  .wtf-more-lg
- 添加标签14x14
  .wtf-label-o
- 发送至，分享
  .wtf-send-square
- 关闭图标 x
  .wtf-times-lg
- 添加标签（填充）14x14
  .wtf-label
- 目标-进度历史
  .wtf-progress-o
- 结束时间
  .wtf-date-end
- 开始时间
  .wtf-date-begin
- 关闭
  .wtf-times
- 资源
  .wtf-home
- 地点
  .wtf-map-marker
- 描述详情
  .wtf-description
- 审批流程
  .wtf-approval-process
- 明细
  .wtf-approval-detail
- 通知_bell20x
  .wtf-bell-lg-o
- 数据格式错误
  .wtf-data-error
- 编辑12x12
  .wtf-edit-th-o
- 新窗口打开12x12
  .wtf-tablet
- 审批
  .wtf-approval-pending-o
- 预览16x16
  .wtf-preview
- 转存16x16
  .wtf-dump
- 联系人
  .wtf-crm-contact
- 下载 14x14
  .wtf-download-14
- 审批
  .wtf-link-approval
- 文件
  .wtf-link-file
- 日程
  .wtf-link-event
- 简报
  .wtf-link-report
- 合同-门户
  .wtf-contracts
- 饼状图
  .wtf-chart-pie
- RAG图
  .wtf-chart-rag
- 目标进度
  .wtf-okr-progress
- 柱形图
  .wtf-chart-bar
- 强调文字图
  .wtf-chart-digit
- 客户
  .wtf-customer
- 目标管理-完成目标20x20
  .wtf-complete
- 拖动
  .wtf-drag
- 掉线了
  .wtf-offline-o
- 快速创建-任务
  .wtf-create-task
- 快速创建-聊天
  .wtf-create-message
- 快速创建-日历
  .wtf-create-calendar
- 快速创建-上传
  .wtf-upload-file
- 当前状态
  .wtf-status-o
- 参与人
  .wtf-participant-o
- 信息
  .wtf-info
- 任务
  .wtf-task-lg
- 完成任务
  .wtf-check-square-o
- 添加
  .wtf-circle-plus-o
- 展开
  .wtf-expand
- 收起
  .wtf-collapse
- 复位14x14
  .wtf-reset
- 缩小14x14 2
  .wtf-reduce
- 放大14x14
  .wtf-enlarge
- 目标树 (1)
  .wtf-organization-o
- 草稿箱
  .wtf-draft
- 待审批
  .wtf-maybe
- 审批完成
  .wtf-accepted
- 待参加
  .wtf-maybe-c
- 已参加
  .wtf-accepted-c
- 销售-客户-添加合同
  .wtf-contract-add-o
- 可见
  .wtf-eye
- 关闭
  .wtf-eye-slash
- processing
  .wtf-processing
- completed
  .wtf-completed
- pending
  .wtf-pending
- ios
  .wtf-type-ios
- 工单
  .wtf-type-worksheet
- 任务
  .wtf-type-task
- 人
  .wtf-type-man
- 待办
  .wtf-type-pending
- 消息
  .wtf-type-message
- PC
  .wtf-type-pc
- 星星
  .wtf-type-star
- 钱
  .wtf-type-money
- 缺陷
  .wtf-type-bug
- 需求
  .wtf-type-demand
- Android
  .wtf-type-android
- 事物处理
  .wtf-template-task
- 敏捷开发
  .wtf-template-scrum
- 个人安排
  .wtf-template-personal
- 看板协作
  .wtf-template-kanban
- 缺陷管理
  .wtf-template-bug
- 行政人事
  .wtf-template-administration
- 销售服务
  .wtf-template-crm
- 项目管理
  .wtf-template-project
- step division
  .wtf-step-division
- 复制
  .wtf-copy
- 查看
  .wtf-examine
- 扩展
  .wtf-angle-right
- 日程
  .wtf-schedule-o
- 日程_p
  .wtf-schedule
- dot-circle-o
  .wtf-dot-circle-o
- dot-circle
  .wtf-dot-circle
- angle-down-blod
  .wtf-angle-down-blod
- angle-down
  .wtf-angle-down
- angle-down
  .wtf-angle-up
- table
  .wtf-table
- board
  .wtf-kanban
- list
  .wtf-list
- list-o
  .wtf-list-o
- board-o
  .wtf-kanban-o
- table-o
  .wtf-table-o
- 时间（线性）
  .wtf-timeline-o
- 报表（线性）
  .wtf-insight-o
- 迭代（线性）
  .wtf-iteration-o
- 日历（线性）
  .wtf-calendar-view-o
- 迭代（剪影）
  .wtf-iteration
- 报表（剪影）
  .wtf-insight
- 日历（剪影）
  .wtf-calendar-view
- 时间（剪影）
  .wtf-timeline
- 工时（剪影）
  .wtf-workload
- 开始迭代
  .wtf-pause-circle
- 完成迭代
  .wtf-completed-circle
- 关锁
  .wtf-lock
- 开锁
  .wtf-unlock
- times-circle
  .wtf-times-circle
- columns
  .wtf-columns
- exchange-alt
  .wtf-exchange-alt
- bold
  .wtf-bold
- check-square
  .wtf-check-square1
- code
  .wtf-code
- heading
  .wtf-heading
- image
  .wtf-image1
- italic
  .wtf-italic
- link
  .wtf-link1
- list-ul
  .wtf-list-ul1
- long-arrow-alt-right
  .wtf-long-arrow-alt-right
- list-ol
  .wtf-list-ol
- minus
  .wtf-minus
- quote-left
  .wtf-quote-left
- sliders-h
  .wtf-sliders-h
- smile
  .wtf-smile
- square
  .wtf-square
- strikethrough
  .wtf-strikethrough
- superscript
  .wtf-superscript
- table
  .wtf-table-toolbar
- underline
  .wtf-underline
- expand-arrows-alt
  .wtf-expand-arrows-alt
- 我的任务
  .wtf-dashboard-circle
- iphone
  .wtf-iphone
- PC
  .wtf-pc
- Android
  .wtf-android
- 颜色-未选择
  .wtf-unselected-o
- 设计器-附件
  .wtf-property-attachment
- 设计器-标签
  .wtf-property-tag
- 设计器-优先级
  .wtf-property-priority
- 设计器-迭代
  .wtf-property-iteration
- 设计器-子任务
  .wtf-property-sub-task
- 设计器-数字
  .wtf-property-number
- 设计器-单行
  .wtf-property-text
- 设计器-多行
  .wtf-property-textarea
- 设计器-下拉
  .wtf-property-multi-select
- 1px-关联任务16*16
  .wtf-relation-o
- 2px-未开始30*30
  .wtf-pending-lg-o
- 2px-已完成30*30
  .wtf-completed-lg-o
- 1px-工时16*16
  .wtf-workload-o
- 2px-工时20*20
  .wtf-workload-th-o
- 2px-开始时间16*16
  .wtf-begin-date-th-o
- 2px-进行中30*30
  .wtf-processing-lg-o
- 2px-截止时间16*16
  .wtf-due-date-th-o
- 1px-添加人16*16
  .wtf-user-add-o
- 2px-添加人16*16
  .wtf-user-add-th-o
- 1px-开始时间16*16
  .wtf-begin-date-o
- 1.5px-单选下拉16*16
  .wtf-property-select
- 1.5px-时间16*16
  .wtf-property-date
- 1.5px-工时16*16
  .wtf-property-workload
- 1.5px-多选人16*16
  .wtf-property-members
- 1.5px-单选人16*16
  .wtf-property-member
- 工时统计-16*16
  .wtf-work-workload
- 时间视图-16*16
  .wtf-work-timeline
- 统计报表-16*16
  .wtf-analytic-insight
- 我的任务
  .wtf-my
- 下属任务-16*16
  .wtf-subordinate
- 设置-16_16
  .wtf-project-setting
- link-leave
  .wtf-link-leave
- 项目-点击状态-26_26
  .wtf-mission
- 项目-未点击状态-26_26
  .wtf-mission-o
- 连接
  .wtf-relation-th-o
- 断开连接
  .wtf-disconnect
- 1px-截止时间16_16
  .wtf-due-date-o
- 2px-关联任务20_20
  .wtf-connect
- 客服专员图标
  .wtf-headphones
- 下拉_展开
  .wtf-caret-right
- checked
  .wtf-checked
- 分组
  .wtf-group
- 排序
  .wtf-sort
- 筛选
  .wtf-filter
- 隐藏
  .wtf-eye-hide
- 1.5px-密码可见-16*16
  .wtf-pwd-visible
- 1.5px-密码不可见-16*16
  .wtf-pwd-invisible
- 任务-时间-16*16 icon
  .wtf-task-time
- 2px父任务22*22 icon
  .wtf-parent-task-th-o
- 任务-评论-16*16 icon
  .wtf-task-comment
- 固定消息-16*16 icon
  .wtf-fixed-message
- 已撤销-16*16 icon
  .wtf-revoked
- 2px销售-客户22*22 icon
  .wtf-customer-th-o
- 撤销-16*16 icon
  .wtf-revoke-o
- 目标-全部报告-16*16 icon
  .wtf-okr-reports
- 消息-私有消息-16*16 icon
  .wtf-private-message
- 消息通知设置-16*16 icon
  .wtf-message-bell-o
- 疑问-16*16 icon
  .wtf-question-o
- 断网提示-16*16 icon
  .wtf-offline
- 网盘-私有网盘-16*16 icon
  .wtf-drive-private
- 目标-运营报告-16*16 icon
  .wtf-okr-operate-report-o
- 目标-评分报告-16*16 icon
  .wtf-okr-score-report-o
- 考勤日历、任务日历-16*16 icon
  .wtf-calendar-th-o
- 目标-进度报告-16*16 icon
  .wtf-okr-process-report-o
- 设置-16*16 icon
  .wtf-setting-th-o
- 赞-16*16 icon
  .wtf-like
- 项目-16*16 icon
  .wtf-mission-16
- 置顶-16*16 icon
  .wtf-stick
- 项目-概览
  .wtf-overview

## 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="wtf wtf-xxx"></i>

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