#

- 
  PDF
  &#xe659;
- 
  order_bold
  &#xe6f1;
- 
  order
  &#xe6f2;
- 
  zongxiang_l
  &#xe6f0;
- 
  historical_order
  &#xe6ef;
- 
  marker-pin-01
  &#xe6ee;
- 
  currency-yen-circle
  &#xe6ed;
- 
  refresh-ccw-05
  &#xe6ec;
- 
  fill-settings-02
  &#xe6eb;
- 
  fill-server-031
  &#xe6ea;
- 
  fill-home-smile
  &#xe6e8;
- 
  home-line
  &#xe6e9;
- 
  puzzle-piece-01
  &#xe6e7;
- 
  check-verified-02
  &#xe6e6;
- 
  clock-stopwatch
  &#xe6e2;
- 
  target-04
  &#xe6e3;
- 
  clock-stopwatch-01
  &#xe6e4;
- 
  calendar-overdue-01
  &#xe6e5;
- 
  link-broken-01
  &#xe6e1;
- 
  pause-circle
  &#xe6db;
- 
  pause
  &#xe6dd;
- 
  stop-circle
  &#xe6de;
- 
  download-04
  &#xe6df;
- 
  play
  &#xe6e0;
- 
  log-in-02
  &#xe6da;
- 
  puzzle-piece
  &#xe6d8;
- 
  server-03
  &#xe6d9;
- 
  settings-02
  &#xe6d7;
- 
  sun
  &#xe6d6;
- 
  moon-01
  &#xe6d4;
- 
  flip-backward
  &#xe6d3;
- 
  power-01
  &#xe6d2;
- 
  power-02
  &#xe6d1;
- 
  notification-text
  &#xe6d0;
- 
  calendar-check-01
  &#xe6cc;
- 
  calendar-plus-01
  &#xe6cd;
- 
  annotation-plus
  &#xe6ce;
- 
  annotation-alert
  &#xe6cf;
- 
  eraser
  &#xe6cb;
- 
  jiesuanfangshi
  &#xe6c9;
- 
  Filter
  &#xe6c8;
- 
  Filter_light
  &#xe6c7;
- 
  ImageError
  &#xe6c5;
- 
  Image 2
  &#xe6c6;
- 
  Info Circle
  &#xe6c4;
- 
  安卓
  &#xe630;
- 
  Plus_light
  &#xe6c0;
- 
  wrong_light
  &#xe6c3;
- 
  Category
  &#xe6b8;
- 
  Profile
  &#xe6b9;
- 
  Graph
  &#xe6ba;
- 
  sandglass
  &#xe6bb;
- 
  Graph_light
  &#xe6bc;
- 
  sandglass
  &#xe6bd;
- 
  Category_light
  &#xe6bf;
- 
  ascending
  &#xe6b5;
- 
  descending
  &#xe6b6;
- 
  Edit Square_light
  &#xe6b4;
- 
  Chat_bold
  &#xe6b1;
- 
  Chat_light
  &#xe6b2;
- 
  Close Square_light
  &#xe6b3;
- 
  checkout2_bold
  &#xe6a8;
- 
  Work_light
  &#xe6ad;
- 
  audit
  &#xe6ae;
- 
  facility
  &#xe6af;
- 
  materiel
  &#xe6b0;
- 
  Calendar_light
  &#xe6a6;
- 
  department
  &#xe6a5;
- 
  shouzhi
  &#xe6a4;
- 
  Plus_light
  &#xe6a3;
- 
  Stop
  &#xe69d;
- 
  Close Square
  &#xe69e;
- 
  Send
  &#xe69f;
- 
  Chat
  &#xe6a0;
- 
  Danger
  &#xe6a1;
- 
  Plus
  &#xe6a2;
- 
  Danger Triangle_light
  &#xe69b;
- 
  Delete_light
  &#xe69a;
- 
  historical_quotes
  &#xe698;
- 
  ToTop_light
  &#xe697;
- 
  English
  &#xe629;
- 
  购物车
  &#xe628;
- 
  financial_install
  &#xe626;
- 
  download
  &#xe62d;
- 
  reset_light
  &#xe696;
- 
  enter
  &#xe694;
- 
  Filter 3_dark
  &#xe693;
- 
  Filter3_light
  &#xe692;
- 
  Search_light
  &#xe690;
- 
  completed
  &#xe68c;
- 
  prechked
  &#xe68e;
- 
  accepted
  &#xe68f;
- 
  scan_account
  &#xe68b;
- 
  仓位管理
  &#xe642;
- 
  eye
  &#xe62e;
- 
  拖拽
  &#xe68a;
- 
  production_plan
  &#xe66f;
- 
  order_dispatch_end
  &#xe65a;
- 
  单价
  &#xe689;
- 
  fontSize-cut
  &#xe688;
- 
  fontSize-plus
  &#xe687;
- 
  Arrow - Left_light
  &#xe670;
- 
  Arrow - Up_light
  &#xe673;
- 
  Arrow - Right_light
  &#xe677;
- 
  2 User_light
  &#xe679;
- 
  Arrow - Down_light
  &#xe67e;
- 
  Swap_light
  &#xe680;
- 
  Profile_light
  &#xe684;
- 
  3 User_light
  &#xe686;
- 
  process
  &#xe67c;
- 
  Scan_checkbox
  &#xe66a;
- 
  relcode
  &#xe66b;
- 
  batch_number
  &#xe66c;
- 
  hengxiang1
  &#xe64e;
- 
  zongxiang
  &#xe649;
- 
  坐标
  &#xe669;
- 
  横向
  &#xe7c9;
- 
  纵向
  &#xe8c5;
- 
  横向
  &#xe8c6;
- 
  纵向
  &#xe812;
- 
  货物
  &#xe625;
- 
  返利
  &#xe715;
- 
  退货
  &#xe60b;
- 
  条码
  &#xe624;
- 
  预算管理
  &#xe64f;
- 
  右箭头
  &#xe66e;
- 
  下拉
  &#xe681;
- 
  付款单
  &#xe657;
- 
  应收汇总
  &#xe6f5;
- 
  公告
  &#xe66d;
- 
  公告
  &#xe67a;
- 
  用户
  &#xe6c2;
- 
  会员等级 金钻
  &#xe74f;
- 
  收益率测算
  &#xe6dc;
- 
  入库
  &#xe607;
- 
  退货/售后-我的
  &#xe617;
- 
  编辑
  &#xe606;
- 
  详情
  &#xe615;
- 
  KHCFDC_点击
  &#xe6ca;
- 
  维修
  &#xe668;
- 
  供应商管理
  &#xe614;
- 
  员工惩罚 出发 惩罚
  &#xe658;
- 
  txt
  &#xe667;
- 
  压缩包
  &#xe671;
- 
  excel
  &#xe61c;
- 
  WORD
  &#xe611;
- 
  图片
  &#xe616;
- 
  邮件
  &#xe63d;
- 
  审
  &#xe651;
- 
  任务
  &#xe653;
- 
  消息
  &#xe644;
- 
  验
  &#xe640;
- 
  添加图片
  &#xe6be;
- 
  关闭
  &#xe672;
- 
  电话
  &#xe608;
- 
  导航
  &#xe636;
- 
  警告
  &#xe647;
- 
  不通过
  &#xe674;
- 
  通过
  &#xe65c;
- 
  手机
  &#xe648;
- 
  电脑
  &#xe64a;
- 
  关于
  &#xe64b;
- 
  ICON-分配角色
  &#xe64d;
- 
  错误
  &#xe646;
- 
  未选中
  &#xe627;
- 
  控件未选
  &#xebf0;
- 
  控件已选
  &#xebf1;
- 
  等待
  &#xe678;
- 
  建站步骤未完
  &#xe645;
- 
  未完成
  &#xe63e;
- 
  正确
  &#xe63f;
- 
  部分发货
  &#xe664;
- 
  指令
  &#xe666;
- 
  星
  &#xe639;
- 
  星
  &#xe63a;
- 
  发货
  &#xe6d5;
- 
  报表
  &#xe65f;
- 
  收货
  &#xe685;
- 
  报表
  &#xe660;
- 
  交换
  &#xe665;
- 
  审核
  &#xe65b;
- 
  收支管理
  &#xe76f;
- 
  检测
  &#xe67d;
- 
  报告
  &#xe675;
- 
  报告
  &#xe663;
- 
  文件-通知文件
  &#xe723;
- 
  委外发料
  &#xe65d;
- 
  检测
  &#xe650;
- 
  审核
  &#xe65e;
- 
  排名
  &#xe662;
- 
  报价
  &#xe652;
- 
  文件夹
  &#xe761;
- 
  文件夹缩略图
  &#xe661;
- 
  选择
  &#xe62f;
- 
  英中
  &#xe631;
- 
  中英
  &#xe635;
- 
  企业简介
  &#xe64c;
- 
  客户
  &#xe605;
- 
  眼睛_开
  &#xe62c;
- 
  省略号
  &#xe638;
- 
  问号
  &#xe683;
- 
  附件
  &#xe6a7;
- 
  发送图片
  &#xe637;
- 
  邮件
  &#xe60c;
- 
  标题
  &#xe62b;
- 
  save
  &#xe873;
- 
  数据汇总
  &#xe623;
- 
  工序管理
  &#xe61a;
- 
  收支流水
  &#xe67f;
- 
  日报统计
  &#xe61f;
- 
  领料出库
  &#xe622;
- 
  工序管理
  &#xe656;
- 
  工序管理
  &#xe695;
- 
  排行榜
  &#xe7bd;
- 
  layers
  &#xe7cf;
- 
  奖牌-01
  &#xe609;
- 
  奖牌-03
  &#xe613;
- 
  奖牌-02
  &#xe63c;
- 
  库存
  &#xe620;
- 
  销售订单
  &#xe61d;
- 
  关于我们
  &#xe61e;
- 
  修改密码
  &#xe67b;
- 
  消息推送
  &#xe61b;
- 
  应用管理
  &#xeb67;
- 
  扫码
  &#xe619;
- 
  二维码
  &#xe745;
- 
  管理员小组
  &#xe655;
- 
  同意
  &#xe60d;
- 
  help
  &#xe60f;
- 
  camera
  &#xe618;
- 
  icon_需求1
  &#xe6c1;
- 
  save
  &#xe964;
- 
  公文管理
  &#xe604;
- 
  数据看板
  &#xeb66;
- 
  图表-柱状图
  &#xeb96;
- 
  财务管理
  &#xe612;
- 
  最新
  &#xe682;
- 
  soup-can
  &#xe8c3;
- 
  步骤-未进行
  &#xe62a;
- 
  百分比
  &#xe63b;
- 
  步骤条完成
  &#xe634;
- 
  完成
  &#xe602;
- 
  未开始
  &#xe610;
- 
  进度
  &#xe621;
- 
  chart-line
  &#xe699;
- 
  eglass-finish
  &#xe60e;
- 
  location
  &#xe70f;
- 
  进度2
  &#xe676;
- 
  minus-circle-outline
  &#xe7fc;
- 
  chengyi_pc_preview
  &#xe60a;
- 
  cash-usd
  &#xe691;
- 
  dot1
  &#xe654;
- 
  close
  &#xe6b7;
- 
  ic_add
  &#xe97f;
- 
  ic_local_shipping
  &#xea57;
- 
  ic_notifications_active
  &#xea95;
- 
  ic_refresh
  &#xea6b;
- 
  ic_loop
  &#xe952;
- 
  ic_event_available
  &#xea77;
- 
  ic_event_note
  &#xea78;
- 
  logout
  &#xe7dd;
- 
  login
  &#xe7db;
- 
  mode_edit
  &#xec2e;
- 
  account
  &#xe603;
- 
  barcode-scan
  &#xe641;
- 
  cart
  &#xe68d;
- 
  check
  &#xe69c;
- 
  chevron-down
  &#xe6a9;
- 
  chevron-left
  &#xe6aa;
- 
  chevron-right
  &#xe6ab;
- 
  chevron-up
  &#xe6ac;
- 
  dots-vertical
  &#xe706;
- 
  email-open
  &#xe712;
- 
  email-outline
  &#xe713;
- 
  face
  &#xe724;
- 
  filter
  &#xe73b;
- 
  format-list-bulleted
  &#xe764;
- 
  google-drive
  &#xe789;
- 
  grid
  &#xe790;
- 
  home
  &#xe7a0;
- 
  key-variant
  &#xe7c2;
- 
  lock
  &#xe7d9;
- 
  magnet
  &#xe7df;
- 
  magnify
  &#xe7e0;
- 
  minus-circle
  &#xe7fb;
- 
  plus-circle
  &#xe854;
- 
  printer
  &#xe860;
- 
  qrcode-scan
  &#xe866;
- 
  send
  &#xe895;
- 
  settings
  &#xe898;
- 
  tag-multiple
  &#xe8d8;
- 
  medal_fill
  &#xe7b9;

## Unicode 引用

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

- 支持按字体的方式去动态调整图标大小，颜色等等。
- 默认情况下不支持多色，直接添加多色图标会自动去色。

> 注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）

Unicode 使用步骤如下：

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

    @font-face {
      font-family: 'iconfont';
      src:
           url('data:application/x-font-woff2;charset=utf-8;base64, ') format('woff2'),
           url('iconfont.woff?t=1687158467498') format('woff'),
           url('iconfont.ttf?t=1687158467498') format('truetype');
    }

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

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

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

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

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

- PDF
  .icon-PDF
- order_bold
  .icon-order_bold
- order
  .icon-order
- zongxiang_l
  .icon-zongxiang_l
- historical_order
  .icon-historical_order
- marker-pin-01
  .icon-marker-pin-01
- currency-yen-circle
  .icon-currency-yen-circle
- refresh-ccw-05
  .icon-refresh-ccw-05
- fill-settings-02
  .icon-fill-settings-02
- fill-server-031
  .icon-fill-server-03
- fill-home-smile
  .icon-fill-home-smile
- home-line
  .icon-home-line
- puzzle-piece-01
  .icon-puzzle-piece-01
- check-verified-02
  .icon-check-verified-02
- clock-stopwatch
  .icon-clock-stopwatch
- target-04
  .icon-target-04
- clock-stopwatch-01
  .icon-clock-stopwatch-01
- calendar-overdue-01
  .icon-calendar-overdue-01
- link-broken-01
  .icon-link-broken-01
- pause-circle
  .icon-pause-circle
- pause
  .icon-pause
- stop-circle
  .icon-stop-circle
- download-04
  .icon-download-04
- play
  .icon-play
- log-in-02
  .icon-log-in-02
- puzzle-piece
  .icon-puzzle-piece
- server-03
  .icon-server-03
- settings-02
  .icon-settings-02
- sun
  .icon-sun
- moon-01
  .icon-moon-01
- flip-backward
  .icon-flip-backward
- power-01
  .icon-power-01
- power-02
  .icon-power-02
- notification-text
  .icon-notification-text
- calendar-check-01
  .icon-calendar-check-01
- calendar-plus-01
  .icon-calendar-plus-01
- annotation-plus
  .icon-annotation-plus
- annotation-alert
  .icon-annotation-alert
- eraser
  .icon-eraser
- jiesuanfangshi
  .icon-jiesuanfangshi
- Filter
  .icon-Filter
- Filter_light
  .icon-Filter_light
- ImageError
  .icon-ImageError
- Image 2
  .icon-a-Image2
- Info Circle
  .icon-a-InfoCircle
- 安卓
  .icon-anzhuo
- Plus_light
  .icon-Plus_light1
- wrong_light
  .icon-wrong_light
- Category
  .icon-Category
- Profile
  .icon-Profile
- Graph
  .icon-Graph
- sandglass
  .icon-sandglass
- Graph_light
  .icon-Graph_light
- sandglass
  .icon-sandglass1
- Category_light
  .icon-Category_light
- ascending
  .icon-ascending
- descending
  .icon-descending
- Edit Square_light
  .icon-a-EditSquare_light
- Chat_bold
  .icon-Chat_bold
- Chat_light
  .icon-Chat_light
- Close Square_light
  .icon-a-CloseSquare_light
- checkout2_bold
  .icon-checkout2_bold
- Work_light
  .icon-Work_light
- audit
  .icon-audit
- facility
  .icon-facility
- materiel
  .icon-materiel
- Calendar_light
  .icon-Calendar_light
- department
  .icon-department
- shouzhi
  .icon-shouzhi
- Plus_light
  .icon-Plus_light
- Stop
  .icon-Stop
- Close Square
  .icon-a-CloseSquare
- Send
  .icon-Send
- Chat
  .icon-Chat
- Danger
  .icon-Danger
- Plus
  .icon-Plus
- Danger Triangle_light
  .icon-DangerTriangle_light
- Delete_light
  .icon-Delete_light
- historical_quotes
  .icon-historical_quotes
- ToTop_light
  .icon-ToTop_light
- English
  .icon-English
- 购物车
  .icon-gouwuche
- financial_install
  .icon-financial_install
- download
  .icon-download
- reset_light
  .icon-reset_light
- enter
  .icon-enter
- Filter 3_dark
  .icon-filter_dark
- Filter3_light
  .icon-filter_light
- Search_light
  .icon-Search_light
- completed
  .icon-completed
- prechked
  .icon-prechked
- accepted
  .icon-accepted
- scan_account
  .icon-scan_account
- 仓位管理
  .icon-cangweiguanli
- eye
  .icon-yanjing_bi
- 拖拽
  .icon-tuozhuai
- production_plan
  .icon-production_plan
- order_dispatch_end
  .icon-order_dispatch_end
- 单价
  .icon-danjia
- fontSize-cut
  .icon-fontSize-cut
- fontSize-plus
  .icon-fontSize-plus
- Arrow - Left_light
  .icon-Arrow-Left_light
- Arrow - Up_light
  .icon-Arrow-Up_light
- Arrow - Right_light
  .icon-Arrow-Right_light
- 2 User_light
  .icon-2User_light
- Arrow - Down_light
  .icon-Arrow-Down_light
- Swap_light
  .icon-Swap_light
- Profile_light
  .icon-Profile_light
- 3 User_light
  .icon-3User_light
- process
  .icon-process
- Scan_checkbox
  .icon-Scan_checkbox
- relcode
  .icon-relcode
- batch_number
  .icon-batch_number
- hengxiang1
  .icon-hengxiang1
- zongxiang
  .icon-zongxiang
- 坐标
  .icon-zuobiao
- 横向
  .icon-hengxiang
- 纵向
  .icon-zongxiang22
- 横向
  .icon-hengxiang22
- 纵向
  .icon-zongxiang1
- 货物
  .icon-huowu
- 返利
  .icon-fanli
- 退货
  .icon-tuihuo1
- 条码
  .icon-tiaoma
- 预算管理
  .icon-yusuanguanli
- 右箭头
  .icon-youjiantou
- 下拉
  .icon-xiala2
- 付款单
  .icon-fukuandan
- 应收汇总
  .icon-web-icon-
- 公告
  .icon-gonggao
- 公告
  .icon-gonggao1
- 用户
  .icon-yonghu
- 会员等级 金钻
  .icon-huiyuandengjijinzuan
- 收益率测算
  .icon-shouyishuaicesuan
- 入库
  .icon-ruku
- 退货/售后-我的
  .icon-tuihuo
- 编辑
  .icon-edit1
- 详情
  .icon-xiangqing
- KHCFDC_点击
  .icon-dianji
- 维修
  .icon-weixiu
- 供应商管理
  .icon-gongyingshangguanli
- 员工惩罚 出发 惩罚
  .icon-yuangongchengfachufachengfa
- txt
  .icon-txt
- 压缩包
  .icon-yasuobao
- excel
  .icon-excel
- WORD
  .icon-WORD
- 图片
  .icon-tupian
- 邮件
  .icon-youjian1
- 审
  .icon-shen3
- 任务
  .icon-renwu
- 消息
  .icon-xiaoxi
- 验
  .icon-yan
- 添加图片
  .icon-tianjiatupian
- 关闭
  .icon-guanbi
- 电话
  .icon-dianhua
- 导航
  .icon-icon_daohang-copy
- 警告
  .icon-jinggao
- 不通过
  .icon-butongguo
- 通过
  .icon-tongguo
- 手机
  .icon-tel
- 电脑
  .icon-diannao
- 关于
  .icon-guanyu
- ICON-分配角色
  .icon-ICON-fenpeijiaose
- 错误
  .icon-cuowu
- 未选中
  .icon-unselected
- 控件未选
  .icon-kongjianweixuan
- 控件已选
  .icon-kongjianyixuan
- 等待
  .icon-dengdai1
- 建站步骤未完
  .icon-jianzhanbuzhouweiwan
- 未完成
  .icon-weiwancheng
- 正确
  .icon-zhengque1
- 部分发货
  .icon-bufenfahuo
- 指令
  .icon-zhiling1
- 星
  .icon-xing
- 星
  .icon-xing1
- 发货
  .icon-fahuo
- 报表
  .icon-20
- 收货
  .icon-shouhuo
- 报表
  .icon-baobiao
- 交换
  .icon-jiaohuan
- 审核
  .icon-shenhe
- 收支管理
  .icon-shouzhiguanli
- 检测
  .icon-jiance
- 报告
  .icon-baogao
- 报告
  .icon-yitihuachuxing
- 文件-通知文件
  .icon-wj-tzwj
- 委外发料
  .icon-weiwaifaliao
- 检测
  .icon-jiance1
- 审核
  .icon-shenhe1
- 排名
  .icon-paiming
- 报价
  .icon-baojia
- 文件夹
  .icon-wenjianjia
- 文件夹缩略图
  .icon-wenjianjiasuolvetu
- 选择
  .icon-xuanze1
- 英中
  .icon-yingzhong
- 中英
  .icon-zhongying
- 企业简介
  .icon-qiyejianjie
- 客户
  .icon-kehu_white
- 眼睛_开
  .icon-yanjing_kai
- 省略号
  .icon-more
- 问号
  .icon-question
- 附件
  .icon-fujian
- 发送图片
  .icon-fasongtupian
- 邮件
  .icon-youjian
- 标题
  .icon-biaoti
- save
  .icon-save1
- 数据汇总
  .icon-daohang-shujufenxi
- 工序管理
  .icon-gongxuguanli
- 收支流水
  .icon-shouzhiliushui
- 日报统计
  .icon-ribaotongji
- 领料出库
  .icon-lingliaochuku
- 工序管理
  .icon-gongxuguanli1
- 工序管理
  .icon-gongxuguanli2
- 排行榜
  .icon-paixingbang
- layers
  .icon-layers
- 奖牌-01
  .icon-jiangpai-
- 奖牌-03
  .icon-jiangpai-1
- 奖牌-02
  .icon-jiangpai-2
- 库存
  .icon-kucun
- 销售订单
  .icon-xiaoshoudingdan
- 关于我们
  .icon-guanyuwomen
- 修改密码
  .icon-xiugaimima
- 消息推送
  .icon-huaban
- 应用管理
  .icon-yingyongguanli
- 扫码
  .icon-iconfontscan
- 二维码
  .icon-erweima
- 管理员小组
  .icon-xiaozu-
- 同意
  .icon-tongyi
- help
  .icon-help1
- camera
  .icon-camera1
- icon_需求1
  .icon-icon_xuqiu
- save
  .icon-save
- 公文管理
  .icon-write-text
- 数据看板
  .icon-chart-line-2
- 图表-柱状图
  .icon-chart-bar
- 财务管理
  .icon-financial-management
- 最新
  .icon-notify-new
- soup-can
  .icon-soupcan
- 步骤-未进行
  .icon-progress-not-started
- 百分比
  .icon-progress-running
- 步骤条完成
  .icon-progress-done
- 完成
  .icon-bill-status-finish
- 未开始
  .icon-bill-status-alert
- 进度
  .icon-bill-status-running
- chart-line
  .icon-chart-line
- eglass-finish
  .icon-finish-circle
- location
  .icon-location
- 进度2
  .icon-process25
- minus-circle-outline
  .icon-minus-circle
- chengyi_pc_preview
  .icon-preview
- cash-usd
  .icon-cash
- dot1
  .icon-dot
- close
  .icon-close
- ic_add
  .icon-ic_add
- ic_local_shipping
  .icon-ic_local_shipping
- ic_notifications_active
  .icon-ic_notifications_active
- ic_refresh
  .icon-ic_refresh
- ic_loop
  .icon-ic_loop
- ic_event_available
  .icon-ic_event_available
- ic_event_note
  .icon-ic_event_note
- logout
  .icon-logout
- login
  .icon-login
- mode_edit
  .icon-edit
- account
  .icon-account
- barcode-scan
  .icon-barcode-scan
- cart
  .icon-cart
- check
  .icon-check
- chevron-down
  .icon-down
- chevron-left
  .icon-left
- chevron-right
  .icon-right
- chevron-up
  .icon-up
- dots-vertical
  .icon-dots-menu
- email-open
  .icon-email-open
- email-outline
  .icon-email-outline
- face
  .icon-face
- filter
  .icon-filter
- format-list-bulleted
  .icon-format-list-bulleted
- google-drive
  .icon-google-drive
- grid
  .icon-grid
- home
  .icon-home
- key-variant
  .icon-key-variant
- lock
  .icon-lock
- magnet
  .icon-magnet
- magnify
  .icon-search
- minus-circle
  .icon-minus
- plus-circle
  .icon-add
- printer
  .icon-printer
- qrcode-scan
  .icon-qrcode-scan
- send
  .icon-send
- settings
  .icon-settings
- tag-multiple
  .icon-tag-multiple
- medal_fill
  .icon-medal_fill

## font-class 引用

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

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

- 相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。
- 因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。

使用步骤如下：

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

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

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

    <span class="iconfont icon-xxx"></span>

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

- PDF
  #icon-PDF
- order_bold
  #icon-order_bold
- order
  #icon-order
- zongxiang_l
  #icon-zongxiang_l
- historical_order
  #icon-historical_order
- marker-pin-01
  #icon-marker-pin-01
- currency-yen-circle
  #icon-currency-yen-circle
- refresh-ccw-05
  #icon-refresh-ccw-05
- fill-settings-02
  #icon-fill-settings-02
- fill-server-031
  #icon-fill-server-03
- fill-home-smile
  #icon-fill-home-smile
- home-line
  #icon-home-line
- puzzle-piece-01
  #icon-puzzle-piece-01
- check-verified-02
  #icon-check-verified-02
- clock-stopwatch
  #icon-clock-stopwatch
- target-04
  #icon-target-04
- clock-stopwatch-01
  #icon-clock-stopwatch-01
- calendar-overdue-01
  #icon-calendar-overdue-01
- link-broken-01
  #icon-link-broken-01
- pause-circle
  #icon-pause-circle
- pause
  #icon-pause
- stop-circle
  #icon-stop-circle
- download-04
  #icon-download-04
- play
  #icon-play
- log-in-02
  #icon-log-in-02
- puzzle-piece
  #icon-puzzle-piece
- server-03
  #icon-server-03
- settings-02
  #icon-settings-02
- sun
  #icon-sun
- moon-01
  #icon-moon-01
- flip-backward
  #icon-flip-backward
- power-01
  #icon-power-01
- power-02
  #icon-power-02
- notification-text
  #icon-notification-text
- calendar-check-01
  #icon-calendar-check-01
- calendar-plus-01
  #icon-calendar-plus-01
- annotation-plus
  #icon-annotation-plus
- annotation-alert
  #icon-annotation-alert
- eraser
  #icon-eraser
- jiesuanfangshi
  #icon-jiesuanfangshi
- Filter
  #icon-Filter
- Filter_light
  #icon-Filter_light
- ImageError
  #icon-ImageError
- Image 2
  #icon-a-Image2
- Info Circle
  #icon-a-InfoCircle
- 安卓
  #icon-anzhuo
- Plus_light
  #icon-Plus_light1
- wrong_light
  #icon-wrong_light
- Category
  #icon-Category
- Profile
  #icon-Profile
- Graph
  #icon-Graph
- sandglass
  #icon-sandglass
- Graph_light
  #icon-Graph_light
- sandglass
  #icon-sandglass1
- Category_light
  #icon-Category_light
- ascending
  #icon-ascending
- descending
  #icon-descending
- Edit Square_light
  #icon-a-EditSquare_light
- Chat_bold
  #icon-Chat_bold
- Chat_light
  #icon-Chat_light
- Close Square_light
  #icon-a-CloseSquare_light
- checkout2_bold
  #icon-checkout2_bold
- Work_light
  #icon-Work_light
- audit
  #icon-audit
- facility
  #icon-facility
- materiel
  #icon-materiel
- Calendar_light
  #icon-Calendar_light
- department
  #icon-department
- shouzhi
  #icon-shouzhi
- Plus_light
  #icon-Plus_light
- Stop
  #icon-Stop
- Close Square
  #icon-a-CloseSquare
- Send
  #icon-Send
- Chat
  #icon-Chat
- Danger
  #icon-Danger
- Plus
  #icon-Plus
- Danger Triangle_light
  #icon-DangerTriangle_light
- Delete_light
  #icon-Delete_light
- historical_quotes
  #icon-historical_quotes
- ToTop_light
  #icon-ToTop_light
- English
  #icon-English
- 购物车
  #icon-gouwuche
- financial_install
  #icon-financial_install
- download
  #icon-download
- reset_light
  #icon-reset_light
- enter
  #icon-enter
- Filter 3_dark
  #icon-filter_dark
- Filter3_light
  #icon-filter_light
- Search_light
  #icon-Search_light
- completed
  #icon-completed
- prechked
  #icon-prechked
- accepted
  #icon-accepted
- scan_account
  #icon-scan_account
- 仓位管理
  #icon-cangweiguanli
- eye
  #icon-yanjing_bi
- 拖拽
  #icon-tuozhuai
- production_plan
  #icon-production_plan
- order_dispatch_end
  #icon-order_dispatch_end
- 单价
  #icon-danjia
- fontSize-cut
  #icon-fontSize-cut
- fontSize-plus
  #icon-fontSize-plus
- Arrow - Left_light
  #icon-Arrow-Left_light
- Arrow - Up_light
  #icon-Arrow-Up_light
- Arrow - Right_light
  #icon-Arrow-Right_light
- 2 User_light
  #icon-2User_light
- Arrow - Down_light
  #icon-Arrow-Down_light
- Swap_light
  #icon-Swap_light
- Profile_light
  #icon-Profile_light
- 3 User_light
  #icon-3User_light
- process
  #icon-process
- Scan_checkbox
  #icon-Scan_checkbox
- relcode
  #icon-relcode
- batch_number
  #icon-batch_number
- hengxiang1
  #icon-hengxiang1
- zongxiang
  #icon-zongxiang
- 坐标
  #icon-zuobiao
- 横向
  #icon-hengxiang
- 纵向
  #icon-zongxiang22
- 横向
  #icon-hengxiang22
- 纵向
  #icon-zongxiang1
- 货物
  #icon-huowu
- 返利
  #icon-fanli
- 退货
  #icon-tuihuo1
- 条码
  #icon-tiaoma
- 预算管理
  #icon-yusuanguanli
- 右箭头
  #icon-youjiantou
- 下拉
  #icon-xiala2
- 付款单
  #icon-fukuandan
- 应收汇总
  #icon-web-icon-
- 公告
  #icon-gonggao
- 公告
  #icon-gonggao1
- 用户
  #icon-yonghu
- 会员等级 金钻
  #icon-huiyuandengjijinzuan
- 收益率测算
  #icon-shouyishuaicesuan
- 入库
  #icon-ruku
- 退货/售后-我的
  #icon-tuihuo
- 编辑
  #icon-edit1
- 详情
  #icon-xiangqing
- KHCFDC_点击
  #icon-dianji
- 维修
  #icon-weixiu
- 供应商管理
  #icon-gongyingshangguanli
- 员工惩罚 出发 惩罚
  #icon-yuangongchengfachufachengfa
- txt
  #icon-txt
- 压缩包
  #icon-yasuobao
- excel
  #icon-excel
- WORD
  #icon-WORD
- 图片
  #icon-tupian
- 邮件
  #icon-youjian1
- 审
  #icon-shen3
- 任务
  #icon-renwu
- 消息
  #icon-xiaoxi
- 验
  #icon-yan
- 添加图片
  #icon-tianjiatupian
- 关闭
  #icon-guanbi
- 电话
  #icon-dianhua
- 导航
  #icon-icon_daohang-copy
- 警告
  #icon-jinggao
- 不通过
  #icon-butongguo
- 通过
  #icon-tongguo
- 手机
  #icon-tel
- 电脑
  #icon-diannao
- 关于
  #icon-guanyu
- ICON-分配角色
  #icon-ICON-fenpeijiaose
- 错误
  #icon-cuowu
- 未选中
  #icon-unselected
- 控件未选
  #icon-kongjianweixuan
- 控件已选
  #icon-kongjianyixuan
- 等待
  #icon-dengdai1
- 建站步骤未完
  #icon-jianzhanbuzhouweiwan
- 未完成
  #icon-weiwancheng
- 正确
  #icon-zhengque1
- 部分发货
  #icon-bufenfahuo
- 指令
  #icon-zhiling1
- 星
  #icon-xing
- 星
  #icon-xing1
- 发货
  #icon-fahuo
- 报表
  #icon-20
- 收货
  #icon-shouhuo
- 报表
  #icon-baobiao
- 交换
  #icon-jiaohuan
- 审核
  #icon-shenhe
- 收支管理
  #icon-shouzhiguanli
- 检测
  #icon-jiance
- 报告
  #icon-baogao
- 报告
  #icon-yitihuachuxing
- 文件-通知文件
  #icon-wj-tzwj
- 委外发料
  #icon-weiwaifaliao
- 检测
  #icon-jiance1
- 审核
  #icon-shenhe1
- 排名
  #icon-paiming
- 报价
  #icon-baojia
- 文件夹
  #icon-wenjianjia
- 文件夹缩略图
  #icon-wenjianjiasuolvetu
- 选择
  #icon-xuanze1
- 英中
  #icon-yingzhong
- 中英
  #icon-zhongying
- 企业简介
  #icon-qiyejianjie
- 客户
  #icon-kehu_white
- 眼睛_开
  #icon-yanjing_kai
- 省略号
  #icon-more
- 问号
  #icon-question
- 附件
  #icon-fujian
- 发送图片
  #icon-fasongtupian
- 邮件
  #icon-youjian
- 标题
  #icon-biaoti
- save
  #icon-save1
- 数据汇总
  #icon-daohang-shujufenxi
- 工序管理
  #icon-gongxuguanli
- 收支流水
  #icon-shouzhiliushui
- 日报统计
  #icon-ribaotongji
- 领料出库
  #icon-lingliaochuku
- 工序管理
  #icon-gongxuguanli1
- 工序管理
  #icon-gongxuguanli2
- 排行榜
  #icon-paixingbang
- layers
  #icon-layers
- 奖牌-01
  #icon-jiangpai-
- 奖牌-03
  #icon-jiangpai-1
- 奖牌-02
  #icon-jiangpai-2
- 库存
  #icon-kucun
- 销售订单
  #icon-xiaoshoudingdan
- 关于我们
  #icon-guanyuwomen
- 修改密码
  #icon-xiugaimima
- 消息推送
  #icon-huaban
- 应用管理
  #icon-yingyongguanli
- 扫码
  #icon-iconfontscan
- 二维码
  #icon-erweima
- 管理员小组
  #icon-xiaozu-
- 同意
  #icon-tongyi
- help
  #icon-help1
- camera
  #icon-camera1
- icon_需求1
  #icon-icon_xuqiu
- save
  #icon-save
- 公文管理
  #icon-write-text
- 数据看板
  #icon-chart-line-2
- 图表-柱状图
  #icon-chart-bar
- 财务管理
  #icon-financial-management
- 最新
  #icon-notify-new
- soup-can
  #icon-soupcan
- 步骤-未进行
  #icon-progress-not-started
- 百分比
  #icon-progress-running
- 步骤条完成
  #icon-progress-done
- 完成
  #icon-bill-status-finish
- 未开始
  #icon-bill-status-alert
- 进度
  #icon-bill-status-running
- chart-line
  #icon-chart-line
- eglass-finish
  #icon-finish-circle
- location
  #icon-location
- 进度2
  #icon-process25
- minus-circle-outline
  #icon-minus-circle
- chengyi_pc_preview
  #icon-preview
- cash-usd
  #icon-cash
- dot1
  #icon-dot
- close
  #icon-close
- ic_add
  #icon-ic_add
- ic_local_shipping
  #icon-ic_local_shipping
- ic_notifications_active
  #icon-ic_notifications_active
- ic_refresh
  #icon-ic_refresh
- ic_loop
  #icon-ic_loop
- ic_event_available
  #icon-ic_event_available
- ic_event_note
  #icon-ic_event_note
- logout
  #icon-logout
- login
  #icon-login
- mode_edit
  #icon-edit
- account
  #icon-account
- barcode-scan
  #icon-barcode-scan
- cart
  #icon-cart
- check
  #icon-check
- chevron-down
  #icon-down
- chevron-left
  #icon-left
- chevron-right
  #icon-right
- chevron-up
  #icon-up
- dots-vertical
  #icon-dots-menu
- email-open
  #icon-email-open
- email-outline
  #icon-email-outline
- face
  #icon-face
- filter
  #icon-filter
- format-list-bulleted
  #icon-format-list-bulleted
- google-drive
  #icon-google-drive
- grid
  #icon-grid
- home
  #icon-home
- key-variant
  #icon-key-variant
- lock
  #icon-lock
- magnet
  #icon-magnet
- magnify
  #icon-search
- minus-circle
  #icon-minus
- plus-circle
  #icon-add
- printer
  #icon-printer
- qrcode-scan
  #icon-qrcode-scan
- send
  #icon-send
- settings
  #icon-settings
- tag-multiple
  #icon-tag-multiple
- medal_fill
  #icon-medal_fill

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