# 

- 
  新建
  &#xe634;
- 
  关闭
  &#xe6b3;
- 
  方框
  &#xe69b;
- 
  我的任务
  &#xe6e6;
- 
  移动
  &#xe6b4;
- 
  关联
  &#xe6e5;
- 
  结束时间-02-01
  &#xe6d8;
- 
  开始时间-02-01
  &#xe6d9;
- 
  下拉_展开
  &#xe712;
- 
  模块-考核
  &#xe601;
- 
  模块-审批－未点击
  &#xe602;
- 
  模块-视频会议－未点击
  &#xe603;
- 
  模块-通讯录-点击效果
  &#xe604;
- 
  模块-销售 3
  &#xe605;
- 
  模块-门户
  &#xe606;
- 
  模块-考勤－未点击
  &#xe607;
- 
  模块-考勤 2
  &#xe608;
- 
  模块-考核－未点击 2
  &#xe609;
- 
  模块-目标
  &#xe60a;
- 
  模块-公告－未点击
  &#xe60b;
- 
  模块-简报－未点击
  &#xe60c;
- 
  模块-简报
  &#xe60d;
- 
  模块-公告
  &#xe60e;
- 
  模块-销售 4
  &#xe60f;
- 
  模块-门户 2
  &#xe610;
- 
  模块-审批
  &#xe611;
- 
  模块-视频会议
  &#xe612;
- 
  模块-目标－未点击svg
  &#xe613;
- 
  模块-任务-未点击状态
  &#xe614;
- 
  模块-日历
  &#xe615;
- 
  模块-网盘-未点击状态
  &#xe616;
- 
  模块-通讯录-未点击效果
  &#xe617;
- 
  模块-消息-未点击状态
  &#xe618;
- 
  模块-日历-未点击
  &#xe619;
- 
  模块-任务-点击效果
  &#xe61a;
- 
  模块-应用-未点击状态
  &#xe61b;
- 
  模块-网盘-点击状态
  &#xe61c;
- 
  模块-应用-点击效果
  &#xe61d;
- 
  模块-消息-点击状态
  &#xe61e;
- 
  部门门户
  &#xe61f;
- 
  个人门户
  &#xe620;
- 
  其他门户
  &#xe621;
- 
  公司门户
  &#xe622;
- 
  更多
  &#xe623;
- 
  文件
  &#xe624;
- 
  下载
  &#xe626;
- 
  上传
  &#xe627;
- 
  全屏
  &#xe629;
- 
  查看历史版本
  &#xe62a;
- 
  下载 20x20
  &#xe628;
- 
  点赞
  &#xe62b;
- 
  编辑20x20
  &#xe62f;
- 
  点赞-未点击状态
  &#xe62c;
- 
  附件20x20
  &#xe630;
- 
  发送至20x20
  &#xe631;
- 
  返回
  &#xe632;
- 
  活动 列表展示
  &#xe63c;
- 
  快速创建 圆形
  &#xe635;
- 
  排序向上
  &#xe62d;
- 
  排序向下
  &#xe62e;
- 
  评论16x16
  &#xe636;
- 
  搜索14x14
  &#xe637;
- 
  添加
  &#xe638;
- 
  删除16x16
  &#xe639;
- 
  添加标签20x20
  &#xe63a;
- 
  向下双层展开
  &#xe63b;
- 
  周期选择-图标
  &#xe63d;
- 
  过滤，筛选
  &#xe63e;
- 
  添加项目
  &#xe600;
- 
  添加门户
  &#xe641;
- 
  用户
  &#xe642;
- 
  模块-目标-评分
  &#xe643;
- 
  我的目标
  &#xe645;
- 
  编辑
  &#xe646;
- 
  通信录-团队
  &#xe717;
- 
  通信录-发送消息
  &#xe718;
- 
  通信录-电话
  &#xe719;
- 
  通信录-部门
  &#xe71a;
- 
  通信录-邮箱
  &#xe71b;
- 
  添加人员
  &#xe71f;
- 
  发起聊天
  &#xe647;
- 
  添加任务
  &#xe648;
- 
  添加日程
  &#xe649;
- 
  上传文件
  &#xe64a;
- 
  销售-合同14x14
  &#xe64b;
- 
  销售-合同状态
  &#xe64c;
- 
  销售-合同20x20
  &#xe64d;
- 
  销售-合同-开票
  &#xe64e;
- 
  销售-合同-回款
  &#xe64f;
- 
  销售-客户
  &#xe650;
- 
  日期
  &#xe651;
- 
  销售-资料
  &#xe652;
- 
  优先级3
  &#xe720;
- 
  优先级1
  &#xe721;
- 
  优先级2
  &#xe722;
- 
  发起消息
  &#xe633;
- 
  链接
  &#xe654;
- 
  空页面
  &#xe655;
- 
  名片
  &#xe656;
- 
  天气
  &#xe657;
- 
  统计
  &#xe659;
- 
  时钟
  &#xe65a;
- 
  应用入口
  &#xe65b;
- 
  RSS
  &#xe65c;
- 
  二维码
  &#xe65d;
- 
  文件文本
  &#xe65f;
- 
  图标百分比，投票使用
  &#xe660;
- 
  纯文本，用户门户
  &#xe658;
- 
  图片
  &#xe65e;
- 
  待办组件
  &#xe662;
- 
  投票
  &#xe663;
- 
  归档
  &#xe664;
- 
  私有项目
  &#xe668;
- 
  提交审批
  &#xe669;
- 
  附件
  &#xe66f;
- 
  图片
  &#xe66a;
- 
  子任务
  &#xe66b;
- 
  子任务14x14
  &#xe66c;
- 
  更多20x20
  &#xe66d;
- 
  添加标签14x14
  &#xe66e;
- 
  发送至，分享
  &#xe670;
- 
  关闭图标 x
  &#xe671;
- 
  添加标签（填充）14x14
  &#xe672;
- 
  目标-进度历史
  &#xe673;
- 
  结束时间
  &#xe674;
- 
  开始时间
  &#xe675;
- 
  关闭
  &#xe676;
- 
  资源
  &#xe677;
- 
  地点
  &#xe678;
- 
  描述详情
  &#xe679;
- 
  审批流程
  &#xe67e;
- 
  明细
  &#xe67a;
- 
  数据格式错误
  &#xe723;
- 
  编辑12x12
  &#xe67c;
- 
  新窗口打开12x12
  &#xe67d;
- 
  审批
  &#xe67f;
- 
  转存16x16
  &#xe681;
- 
  联系人
  &#xe682;
- 
  下载 14x14
  &#xe683;
- 
  审批
  &#xe685;
- 
  文件
  &#xe687;
- 
  简报
  &#xe689;
- 
  饼状图
  &#xe68b;
- 
  RAG图
  &#xe68c;
- 
  目标进度
  &#xe68d;
- 
  柱形图
  &#xe68e;
- 
  强调文字图
  &#xe68f;
- 
  客户
  &#xe690;
- 
  目标管理-完成目标20x20
  &#xe691;
- 
  拖动
  &#xe692;
- 
  掉线了
  &#xe693;
- 
  快速创建-任务
  &#xe694;
- 
  快速创建-聊天
  &#xe695;
- 
  快速创建-日历
  &#xe696;
- 
  快速创建-上传
  &#xe697;
- 
  当前状态
  &#xe698;
- 
  参与人
  &#xe699;
- 
  信息
  &#xe724;
- 
  任务
  &#xe686;
- 
  完成任务
  &#xe69a;
- 
  添加
  &#xe69c;
- 
  展开
  &#xe69d;
- 
  收起
  &#xe69e;
- 
  复位14x14
  &#xe69f;
- 
  缩小14x14 2
  &#xe6a0;
- 
  放大14x14
  &#xe6a1;
- 
  目标树 (1)
  &#xe6a2;
- 
  草稿箱
  &#xe6a3;
- 
  待审批
  &#xe6a4;
- 
  审批完成
  &#xe6a5;
- 
  待参加
  &#xe6a6;
- 
  已参加
  &#xe6a7;
- 
  销售-客户-添加合同
  &#xe6a8;
- 
  可见
  &#xe6a9;
- 
  关闭
  &#xe6aa;
- 
  processing
  &#xe6ab;
- 
  completed
  &#xe6ac;
- 
  pending
  &#xe6ad;
- 
  ios
  &#xe725;
- 
  工单
  &#xe726;
- 
  任务
  &#xe727;
- 
  人
  &#xe728;
- 
  待办
  &#xe729;
- 
  消息
  &#xe72a;
- 
  PC
  &#xe72b;
- 
  星星
  &#xe72c;
- 
  钱
  &#xe72d;
- 
  缺陷
  &#xe72e;
- 
  需求
  &#xe72f;
- 
  Android
  &#xe730;
- 
  事物处理
  &#xe731;
- 
  敏捷开发
  &#xe732;
- 
  个人安排
  &#xe733;
- 
  看板协作
  &#xe734;
- 
  缺陷管理
  &#xe735;
- 
  行政人事
  &#xe736;
- 
  销售服务
  &#xe737;
- 
  项目管理
  &#xe738;
- 
  step division
  &#xe6ae;
- 
  查看
  &#xe6af;
- 
  扩展
  &#xe739;
- 
  日程_p
  &#xe6b2;
- 
  dot-circle-o
  &#xe6b5;
- 
  dot-circle
  &#xe6b6;
- 
  angle-down-blod
  &#xe6b7;
- 
  angle-down
  &#xe6b8;
- 
  angle-down
  &#xe73a;
- 
  table
  &#xe6b9;
- 
  board
  &#xe6ba;
- 
  list
  &#xe6bb;
- 
  list-o
  &#xe6bc;
- 
  board-o
  &#xe6bd;
- 
  table-o
  &#xe6be;
- 
  时间（线性）
  &#xe6bf;
- 
  报表（线性）
  &#xe6c0;
- 
  迭代（线性）
  &#xe6c1;
- 
  日历（线性）
  &#xe6c2;
- 
  迭代（剪影）
  &#xe6c3;
- 
  报表（剪影）
  &#xe6c4;
- 
  日历（剪影）
  &#xe6c5;
- 
  时间（剪影）
  &#xe6c6;
- 
  工时（剪影）
  &#xe6c7;
- 
  开始迭代
  &#xe6c8;
- 
  完成迭代
  &#xe6c9;
- 
  关锁
  &#xe6ca;
- 
  开锁
  &#xe6cb;
- 
  times-circle
  &#xe6cc;
- 
  columns
  &#xe6cd;
- 
  exchange-alt
  &#xe6ce;
- 
  bold
  &#xe6cf;
- 
  check-square
  &#xe6d0;
- 
  code
  &#xe6d1;
- 
  heading
  &#xe6d2;
- 
  image
  &#xe6d3;
- 
  italic
  &#xe6d4;
- 
  link
  &#xe6d5;
- 
  list-ul
  &#xe6d6;
- 
  long-arrow-alt-right
  &#xe6d7;
- 
  list-ol
  &#xe6da;
- 
  minus
  &#xe6db;
- 
  quote-left
  &#xe6dc;
- 
  sliders-h
  &#xe6dd;
- 
  smile
  &#xe6de;
- 
  square
  &#xe6df;
- 
  strikethrough
  &#xe6e0;
- 
  superscript
  &#xe6e1;
- 
  table
  &#xe6e2;
- 
  underline
  &#xe6e3;
- 
  expand-arrows-alt
  &#xe6e4;
- 
  我的任务
  &#xe6ea;
- 
  iphone
  &#xe6e7;
- 
  PC
  &#xe6e8;
- 
  Android
  &#xe6e9;
- 
  颜色-未选择
  &#xe6eb;
- 
  设计器-附件
  &#xe6ec;
- 
  设计器-标签
  &#xe6ed;
- 
  设计器-优先级
  &#xe6ee;
- 
  设计器-迭代
  &#xe6ef;
- 
  设计器-子任务
  &#xe6f0;
- 
  设计器-数字
  &#xe6f1;
- 
  设计器-单行
  &#xe6f2;
- 
  设计器-多行
  &#xe6f3;
- 
  设计器-下拉
  &#xe6f4;
- 
  1px-关联任务16*16
  &#xe684;
- 
  2px-未开始30*30
  &#xe6f5;
- 
  2px-已完成30*30
  &#xe6f6;
- 
  1px-工时16*16
  &#xe6fb;
- 
  2px-工时20*20
  &#xe6fc;
- 
  2px-开始时间16*16
  &#xe6fd;
- 
  2px-进行中30*30
  &#xe6f7;
- 
  2px-截止时间16*16
  &#xe6fe;
- 
  1px-添加人16*16
  &#xe6f8;
- 
  2px-添加人16*16
  &#xe6f9;
- 
  1px-开始时间16*16
  &#xe6ff;
- 
  1.5px-单选下拉16*16
  &#xe702;
- 
  1.5px-时间16*16
  &#xe703;
- 
  1.5px-工时16*16
  &#xe704;
- 
  1.5px-多选人16*16
  &#xe705;
- 
  1.5px-单选人16*16
  &#xe706;
- 
  工时统计-16*16
  &#xe701;
- 
  时间视图-16*16
  &#xe707;
- 
  统计报表-16*16
  &#xe708;
- 
  设置-16_16
  &#xe73b;
- 
  link-leave
  &#xe70b;
- 
  项目-点击状态-26_26
  &#xe70c;
- 
  项目-未点击状态-26_26
  &#xe70d;
- 
  连接
  &#xe70e;
- 
  断开连接
  &#xe70f;
- 
  1px-截止时间16_16
  &#xe710;
- 
  2px-关联任务20_20
  &#xe700;
- 
  客服专员图标
  &#xe6fa;
- 
  下拉_展开
  &#xe73c;
- 
  checked
  &#xe711;
- 
  分组
  &#xe713;
- 
  排序
  &#xe714;
- 
  筛选
  &#xe715;
- 
  1.5px-密码可见-16*16
  &#xe73d;
- 
  1.5px-密码不可见-16*16
  &#xe73e;
- 
  任务-时间-16*16 icon
  &#xe740;
- 
  2px父任务22*22 icon
  &#xe741;
- 
  任务-评论-16*16 icon
  &#xe742;
- 
  固定消息-16*16 icon
  &#xe743;
- 
  已撤销-16*16 icon
  &#xe744;
- 
  2px销售-客户22*22 icon
  &#xe745;
- 
  撤销-16*16 icon
  &#xe746;
- 
  目标-全部报告-16*16 icon
  &#xe747;
- 
  消息-私有消息-16*16 icon
  &#xe748;
- 
  消息通知设置-16*16 icon
  &#xe749;
- 
  疑问-16*16 icon
  &#xe74a;
- 
  断网提示-16*16 icon
  &#xe74b;
- 
  网盘-私有网盘-16*16 icon
  &#xe74c;
- 
  目标-运营报告-16*16 icon
  &#xe74d;
- 
  目标-评分报告-16*16 icon
  &#xe74e;
- 
  考勤日历、任务日历-16*16 icon
  &#xe74f;
- 
  目标-进度报告-16*16 icon
  &#xe750;
- 
  设置-16*16 icon
  &#xe751;
- 
  赞-16*16 icon
  &#xe752;
- 
  项目-16*16 icon
  &#xe753;
- 
  置顶-16*16 icon
  &#xe754;
- 
  项目-概览
  &#xe73f;
- 
  1px-任务日历16×16
  &#xe666;
- 
  1px-成员视图16×16
  &#xe755;
- 
  文件组件-01
  &#xe756;
- 
  2px设置-22*22 icon
  &#xe63f;
- 
  2px新建日历22*22 icon
  &#xe665;
- 
  标星-22*22 icon
  &#xe640;
- 
  2px用户组-22*22 icon
  &#xe75a;
- 
  复制-16*16 icon
  &#xe680;
- 
  门户-日程列表 icon
  &#xe6b0;
- 
  未标星-22*22 icon
  &#xe667;
- 
  通讯录-职位 icon
  &#xe716;
- 
  门户-项目列表 icon
  &#xe758;
- 
  门户-合同列表 icon
  &#xe759;
- 
  下属任务-16*16 icon
  &#xe644;
- 
  我的任务-16*16 icon
  &#xe70a;
- 
  我的日程-16*16 icon
  &#xe68a;
- 
  钥匙icon
  &#xe757;
- 
  项目-私有项目-16*16 icon
  &#xe709;
- 
  预览-16*16 icon
  &#xe71e;
- 
  2px-通知22*22icon
  &#xe653;
- 
  2px-关闭通知22*22icon
  &#xe688;
- 
  关闭预览-16*16icon
  &#xe6b1;
- 
  门户-日期icon
  &#xe71c;

## Unicode 引用

Unicode 是字体在网页端最原始的应用方式，特点是：

- 兼容性最好，支持 IE6+，及所有现代浏览器。
- 支持按字体的方式去动态调整图标大小，颜色等等。
- 但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。

> 注意：新版 iconfont 支持多色图标，这些多色图标在 Unicode 模式下将不能使用，如果有需求建议使用symbol 的引用方式

Unicode 使用步骤如下：

### 第一步：拷贝项目下面生成的 `@font-face`

    @font-face {
      font-family: 'wtf';
      src: url('iconfont.eot');
      src: url('iconfont.eot?#iefix') format('embedded-opentype'),
          url('iconfont.woff2') format('woff2'),
          url('iconfont.woff') format('woff'),
          url('iconfont.ttf') format('truetype'),
          url('iconfont.svg#wtf') format('svg');
    }

### 第二步：定义使用 iconfont 的样式

    .wtf {
      font-family: "wtf" !important;
      font-size: 16px;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
    }

### 第三步：挑选相应图标并获取字体编码，应用于页面

    <span class="wtf">&#x33;</span>

> "wtf" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "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-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-project-add-o
- 添加门户
  .wtf-portal-add-o
- 用户
  .wtf-user-o
- 模块-目标-评分
  .wtf-grade-o
- 我的目标
  .wtf-okr-sm-o
- 编辑
  .wtf-edit-o
- 通信录-团队
  .wtf-user-group
- 通信录-发送消息
  .wtf-contact-send
- 通信录-电话
  .wtf-phone
- 通信录-部门
  .wtf-organization
- 通信录-邮箱
  .wtf-email
- 添加人员
  .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-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-user-upcoming
- 投票
  .wtf-trophy
- 归档
  .wtf-archive
- 私有项目
  .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
- 数据格式错误
  .wtf-data-error
- 编辑12x12
  .wtf-edit-th-o
- 新窗口打开12x12
  .wtf-tablet
- 审批
  .wtf-approval-pending-o
- 转存16x16
  .wtf-dump
- 联系人
  .wtf-crm-contact
- 下载 14x14
  .wtf-download-14
- 审批
  .wtf-link-approval
- 文件
  .wtf-link-file
- 简报
  .wtf-link-report
- 饼状图
  .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-examine
- 扩展
  .wtf-angle-right
- 日程_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
- 设置-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
- 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-folder-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
- 1px-任务日历16×16
  .wtf-work-calendar
- 1px-成员视图16×16
  .wtf-work-member
- 文件组件-01
  .wtf-file
- 2px设置-22*22 icon
  .wtf-setting-o
- 2px新建日历22*22 icon
  .wtf-calendar-add-o
- 标星-22*22 icon
  .wtf-star
- 2px用户组-22*22 icon
  .wtf-user-group-o
- 复制-16*16 icon
  .wtf-copy
- 门户-日程列表 icon
  .wtf-calendar-th
- 未标星-22*22 icon
  .wtf-star-o
- 通讯录-职位 icon
  .wtf-title
- 门户-项目列表 icon
  .wtf-inbox
- 门户-合同列表 icon
  .wtf-contracts
- 下属任务-16*16 icon
  .wtf-subordinate
- 我的任务-16*16 icon
  .wtf-my
- 我的日程-16*16 icon
  .wtf-schedule-o
- 钥匙icon
  .wtf-key-o
- 项目-私有项目-16*16 icon
  .wtf-project-private
- 预览-16*16 icon
  .wtf-preview
- 2px-通知22*22icon
  .wtf-bell-lg-o
- 2px-关闭通知22*22icon
  .wtf-bell-close-o
- 关闭预览-16*16icon
  .wtf-eye-hide
- 门户-日期icon
  .wtf-calendar-date

## font-class 引用

font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。

与 Unicode 使用方式相比，具有如下特点：

- 兼容性良好，支持 IE8+，及所有现代浏览器。
- 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。
- 不过因为本质上还是使用的字体，所以多色图标还是不支持的。

使用步骤如下：

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

    <link rel="stylesheet" href="./iconfont.css">

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

    <span class="wtf wtf--xxx"></span>

> " wtf" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "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-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-project-add-o
- 添加门户
  #wtf-portal-add-o
- 用户
  #wtf-user-o
- 模块-目标-评分
  #wtf-grade-o
- 我的目标
  #wtf-okr-sm-o
- 编辑
  #wtf-edit-o
- 通信录-团队
  #wtf-user-group
- 通信录-发送消息
  #wtf-contact-send
- 通信录-电话
  #wtf-phone
- 通信录-部门
  #wtf-organization
- 通信录-邮箱
  #wtf-email
- 添加人员
  #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-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-user-upcoming
- 投票
  #wtf-trophy
- 归档
  #wtf-archive
- 私有项目
  #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
- 数据格式错误
  #wtf-data-error
- 编辑12x12
  #wtf-edit-th-o
- 新窗口打开12x12
  #wtf-tablet
- 审批
  #wtf-approval-pending-o
- 转存16x16
  #wtf-dump
- 联系人
  #wtf-crm-contact
- 下载 14x14
  #wtf-download-14
- 审批
  #wtf-link-approval
- 文件
  #wtf-link-file
- 简报
  #wtf-link-report
- 饼状图
  #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-examine
- 扩展
  #wtf-angle-right
- 日程_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
- 设置-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
- 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-folder-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
- 1px-任务日历16×16
  #wtf-work-calendar
- 1px-成员视图16×16
  #wtf-work-member
- 文件组件-01
  #wtf-file
- 2px设置-22*22 icon
  #wtf-setting-o
- 2px新建日历22*22 icon
  #wtf-calendar-add-o
- 标星-22*22 icon
  #wtf-star
- 2px用户组-22*22 icon
  #wtf-user-group-o
- 复制-16*16 icon
  #wtf-copy
- 门户-日程列表 icon
  #wtf-calendar-th
- 未标星-22*22 icon
  #wtf-star-o
- 通讯录-职位 icon
  #wtf-title
- 门户-项目列表 icon
  #wtf-inbox
- 门户-合同列表 icon
  #wtf-contracts
- 下属任务-16*16 icon
  #wtf-subordinate
- 我的任务-16*16 icon
  #wtf-my
- 我的日程-16*16 icon
  #wtf-schedule-o
- 钥匙icon
  #wtf-key-o
- 项目-私有项目-16*16 icon
  #wtf-project-private
- 预览-16*16 icon
  #wtf-preview
- 2px-通知22*22icon
  #wtf-bell-lg-o
- 2px-关闭通知22*22icon
  #wtf-bell-close-o
- 关闭预览-16*16icon
  #wtf-eye-hide
- 门户-日期icon
  #wtf-calendar-date

## Symbol 引用

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

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

使用步骤如下：

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

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

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

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

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

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