# 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

## symbol引用

这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇文章 这种用法其实是做了一个svg的集合，与另外两种相比具有如下特点：

- 支持多色图标了，不再受单色限制。
- 通过一些技巧，支持像字体那样，通过`font-size`,`color`来调整样式。
- 兼容性较差，支持 ie9+,及现代浏览器。
- 浏览器渲染svg的性能一般，还不如png。

使用步骤如下：

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

    <script src="./iconfont.js"></script>

### 第二步：加入通用css代码（引入一次就行）：

    <style type="text/css">
    .icon {
       width: 1em; height: 1em;
       vertical-align: -0.15em;
       fill: currentColor;
       overflow: hidden;
    }
    </style>

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

    <svg class="icon" aria-hidden="true">
      <use xlink:href="#wtf-xxx"></use>
    </svg>