2025-04-24 18:31:27 +08:00

2184 lines
88 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<script src="iconfont.js"></script>
<style type="text/css">
.icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em; height: 1em;
/* 图标和文字相邻时,垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
</style>
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-quanbudingdan"></use>
</svg>
<div class="name">全部订单</div>
<div class="fontclass">#icon-quanbudingdan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-pdf"></use>
</svg>
<div class="name">pdf</div>
<div class="fontclass">#icon-pdf</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-title-left"></use>
</svg>
<div class="name">年份切换向左</div>
<div class="fontclass">#icon-title-left</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-book"></use>
</svg>
<div class="name">book</div>
<div class="fontclass">#icon-book</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yuanquan"></use>
</svg>
<div class="name">圆圈</div>
<div class="fontclass">#icon-yuanquan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shujuku"></use>
</svg>
<div class="name">数据库</div>
<div class="fontclass">#icon-shujuku</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-youxiang"></use>
</svg>
<div class="name">邮箱</div>
<div class="fontclass">#icon-youxiang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-weiwancheng"></use>
</svg>
<div class="name">未完成</div>
<div class="fontclass">#icon-weiwancheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-del"></use>
</svg>
<div class="name">del</div>
<div class="fontclass">#icon-del</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fabu"></use>
</svg>
<div class="name">发布</div>
<div class="fontclass">#icon-fabu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xia"></use>
</svg>
<div class="name">下一个</div>
<div class="fontclass">#icon-xia</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-ttpodicon"></use>
</svg>
<div class="name">发送</div>
<div class="fontclass">#icon-ttpodicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-22"></use>
</svg>
<div class="name">邮件</div>
<div class="fontclass">#icon-22</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-information"></use>
</svg>
<div class="name">信息</div>
<div class="fontclass">#icon-information</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-huanyihuan"></use>
</svg>
<div class="name">换一换</div>
<div class="fontclass">#icon-huanyihuan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-lingdang"></use>
</svg>
<div class="name">铃铛</div>
<div class="fontclass">#icon-lingdang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wenjianjia3"></use>
</svg>
<div class="name">文件夹3</div>
<div class="fontclass">#icon-wenjianjia3</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinzengrenwu"></use>
</svg>
<div class="name">新增任务</div>
<div class="fontclass">#icon-xinzengrenwu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyingshangguanli"></use>
</svg>
<div class="name">供应商管理</div>
<div class="fontclass">#icon-gongyingshangguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shoucanggongyingshang"></use>
</svg>
<div class="name">收藏供应商</div>
<div class="fontclass">#icon-shoucanggongyingshang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinzenggongyingshang"></use>
</svg>
<div class="name">新增供应商</div>
<div class="fontclass">#icon-xinzenggongyingshang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icon"></use>
</svg>
<div class="name">供应商设置</div>
<div class="fontclass">#icon-icon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiazai"></use>
</svg>
<div class="name">下载</div>
<div class="fontclass">#icon-xiazai</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yanzhengma"></use>
</svg>
<div class="name">验证码</div>
<div class="fontclass">#icon-yanzhengma</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wuliaoguanli"></use>
</svg>
<div class="name">物料管理-</div>
<div class="fontclass">#icon-wuliaoguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gangchang2"></use>
</svg>
<div class="name">钢厂2</div>
<div class="fontclass">#icon-gangchang2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-buxiugang4"></use>
</svg>
<div class="name">不锈钢4</div>
<div class="fontclass">#icon-buxiugang4</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-55yewushenqingguidang"></use>
</svg>
<div class="name">55业务申请归档</div>
<div class="fontclass">#icon-55yewushenqingguidang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-56gongwenshenqingguidang"></use>
</svg>
<div class="name">56公文申请归档</div>
<div class="fontclass">#icon-56gongwenshenqingguidang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-57qitashenqingguidang"></use>
</svg>
<div class="name">57其他申请归档</div>
<div class="fontclass">#icon-57qitashenqingguidang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-redooutline"></use>
</svg>
<div class="name">redo-outline</div>
<div class="fontclass">#icon-redooutline</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fanhui"></use>
</svg>
<div class="name">返回</div>
<div class="fontclass">#icon-fanhui</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-01"></use>
</svg>
<div class="name">商务合作</div>
<div class="fontclass">#icon-01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yunxingwancheng"></use>
</svg>
<div class="name">运行完成</div>
<div class="fontclass">#icon-yunxingwancheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-chexiao"></use>
</svg>
<div class="name">撤销</div>
<div class="fontclass">#icon-chexiao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-sousuo"></use>
</svg>
<div class="name">搜索</div>
<div class="fontclass">#icon-sousuo</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-renyuantianjia"></use>
</svg>
<div class="name">人员添加</div>
<div class="fontclass">#icon-renyuantianjia</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dingdanhetong"></use>
</svg>
<div class="name">订单合同</div>
<div class="fontclass">#icon-dingdanhetong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jilu"></use>
</svg>
<div class="name">记录</div>
<div class="fontclass">#icon-jilu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-renwu"></use>
</svg>
<div class="name">任务</div>
<div class="fontclass">#icon-renwu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daiban"></use>
</svg>
<div class="name">待办</div>
<div class="fontclass">#icon-daiban</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongqiuduihua"></use>
</svg>
<div class="name">供求对话</div>
<div class="fontclass">#icon-gongqiuduihua</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shuaxin"></use>
</svg>
<div class="name">刷新</div>
<div class="fontclass">#icon-shuaxin</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-list"></use>
</svg>
<div class="name">list</div>
<div class="fontclass">#icon-list</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-del1"></use>
</svg>
<div class="name">del</div>
<div class="fontclass">#icon-del1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yonghu"></use>
</svg>
<div class="name">用户</div>
<div class="fontclass">#icon-yonghu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconfont05"></use>
</svg>
<div class="name">收到的申请</div>
<div class="fontclass">#icon-iconfont05</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tuichu"></use>
</svg>
<div class="name">退出</div>
<div class="fontclass">#icon-tuichu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-553zuzhijiagou"></use>
</svg>
<div class="name">553-组织架构</div>
<div class="fontclass">#icon-553zuzhijiagou</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fanhui1"></use>
</svg>
<div class="name">返回</div>
<div class="fontclass">#icon-fanhui1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangyou"></use>
</svg>
<div class="name">向右</div>
<div class="fontclass">#icon-xiangyou</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-renyuanguanli2"></use>
</svg>
<div class="name">人员管理2</div>
<div class="fontclass">#icon-renyuanguanli2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiao21"></use>
</svg>
<div class="name">更多</div>
<div class="fontclass">#icon-xiao21</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-1"></use>
</svg>
<div class="name">1</div>
<div class="fontclass">#icon-1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-3"></use>
</svg>
<div class="name">3</div>
<div class="fontclass">#icon-3</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mdliucheng"></use>
</svg>
<div class="name">md_流程</div>
<div class="fontclass">#icon-mdliucheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconfontdaochuexcel"></use>
</svg>
<div class="name">导出Excel</div>
<div class="fontclass">#icon-iconfontdaochuexcel</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jinlingyingcaiwangtubiao98"></use>
</svg>
<div class="name">发件箱</div>
<div class="fontclass">#icon-jinlingyingcaiwangtubiao98</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-45354354"></use>
</svg>
<div class="name">筛选_jammy</div>
<div class="fontclass">#icon-45354354</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-720caogaoxiang"></use>
</svg>
<div class="name">720草稿箱</div>
<div class="fontclass">#icon-720caogaoxiang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconyichu01"></use>
</svg>
<div class="name">移除</div>
<div class="fontclass">#icon-iconyichu01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icontianjia01"></use>
</svg>
<div class="name">添加</div>
<div class="fontclass">#icon-icontianjia01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-guanbi"></use>
</svg>
<div class="name">关闭</div>
<div class="fontclass">#icon-guanbi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jixiao"></use>
</svg>
<div class="name">绩效</div>
<div class="fontclass">#icon-jixiao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-guanwangicon64"></use>
</svg>
<div class="name">开发图</div>
<div class="fontclass">#icon-guanwangicon64</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-chenggong"></use>
</svg>
<div class="name">成功</div>
<div class="fontclass">#icon-chenggong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shaixuan"></use>
</svg>
<div class="name">筛选</div>
<div class="fontclass">#icon-shaixuan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconfonticon"></use>
</svg>
<div class="name"></div>
<div class="fontclass">#icon-iconfonticon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shangwuhezuo"></use>
</svg>
<div class="name">商务合作</div>
<div class="fontclass">#icon-shangwuhezuo</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-2"></use>
</svg>
<div class="name">2</div>
<div class="fontclass">#icon-2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-4"></use>
</svg>
<div class="name">4</div>
<div class="fontclass">#icon-4</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-5"></use>
</svg>
<div class="name">5</div>
<div class="fontclass">#icon-5</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gerenshezhi"></use>
</svg>
<div class="name">个人设置</div>
<div class="fontclass">#icon-gerenshezhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shoujianxiang"></use>
</svg>
<div class="name">收件箱</div>
<div class="fontclass">#icon-shoujianxiang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-duigou"></use>
</svg>
<div class="name">对勾</div>
<div class="fontclass">#icon-duigou</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconqueren"></use>
</svg>
<div class="name">icon-确认</div>
<div class="fontclass">#icon-iconqueren</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daochu3"></use>
</svg>
<div class="name">导出3</div>
<div class="fontclass">#icon-daochu3</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shejituzhi"></use>
</svg>
<div class="name">设计图纸</div>
<div class="fontclass">#icon-shejituzhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-guanbi1"></use>
</svg>
<div class="name">关闭</div>
<div class="fontclass">#icon-guanbi1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangshang01"></use>
</svg>
<div class="name">向上</div>
<div class="fontclass">#icon-xiangshang01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mima"></use>
</svg>
<div class="name">密码</div>
<div class="fontclass">#icon-mima</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-comments"></use>
</svg>
<div class="name">comments</div>
<div class="fontclass">#icon-comments</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jingpaidanju"></use>
</svg>
<div class="name">竞拍单据</div>
<div class="fontclass">#icon-jingpaidanju</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fabu1"></use>
</svg>
<div class="name">发布</div>
<div class="fontclass">#icon-fabu1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-excel"></use>
</svg>
<div class="name">file-excel</div>
<div class="fontclass">#icon-excel</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-word"></use>
</svg>
<div class="name">file-word</div>
<div class="fontclass">#icon-word</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daishouhuo"></use>
</svg>
<div class="name">待收货</div>
<div class="fontclass">#icon-daishouhuo</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangzuo"></use>
</svg>
<div class="name">向左</div>
<div class="fontclass">#icon-xiangzuo</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-loupan"></use>
</svg>
<div class="name">楼盘</div>
<div class="fontclass">#icon-loupan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yonghu1"></use>
</svg>
<div class="name">用户</div>
<div class="fontclass">#icon-yonghu1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yaoqinghaoyoupengyou3"></use>
</svg>
<div class="name">邀请好友 朋友 合作伙伴</div>
<div class="fontclass">#icon-yaoqinghaoyoupengyou3</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daishouhuo1"></use>
</svg>
<div class="name">待收货</div>
<div class="fontclass">#icon-daishouhuo1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyingshangguanli1"></use>
</svg>
<div class="name">供应商管理</div>
<div class="fontclass">#icon-gongyingshangguanli1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daochu"></use>
</svg>
<div class="name">导出</div>
<div class="fontclass">#icon-daochu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-key"></use>
</svg>
<div class="name">key</div>
<div class="fontclass">#icon-key</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shapes"></use>
</svg>
<div class="name">shapes</div>
<div class="fontclass">#icon-shapes</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-right-arrow"></use>
</svg>
<div class="name">向右箭头</div>
<div class="fontclass">#icon-right-arrow</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangyou1"></use>
</svg>
<div class="name">向右</div>
<div class="fontclass">#icon-xiangyou1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shanchu"></use>
</svg>
<div class="name">删除</div>
<div class="fontclass">#icon-shanchu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-caiwutongji"></use>
</svg>
<div class="name">财务统计</div>
<div class="fontclass">#icon-caiwutongji</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-weibiaoti1"></use>
</svg>
<div class="name">宝典</div>
<div class="fontclass">#icon-weibiaoti1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhaotoubiao"></use>
</svg>
<div class="name">招投标</div>
<div class="fontclass">#icon-zhaotoubiao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhaobiao"></use>
</svg>
<div class="name">招标</div>
<div class="fontclass">#icon-zhaobiao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyingshang"></use>
</svg>
<div class="name">供应商</div>
<div class="fontclass">#icon-gongyingshang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-saoma"></use>
</svg>
<div class="name">扫码</div>
<div class="fontclass">#icon-saoma</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-youjian"></use>
</svg>
<div class="name">邮件</div>
<div class="fontclass">#icon-youjian</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-ping"></use>
</svg>
<div class="name"></div>
<div class="fontclass">#icon-ping</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-suoxiao"></use>
</svg>
<div class="name">缩小</div>
<div class="fontclass">#icon-suoxiao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-richeng"></use>
</svg>
<div class="name">日程</div>
<div class="fontclass">#icon-richeng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fuwuzhongxingongchangrenzheng"></use>
</svg>
<div class="name">服务中心~-工厂认证</div>
<div class="fontclass">#icon-fuwuzhongxingongchangrenzheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyingshangkanban"></use>
</svg>
<div class="name">供应商看板</div>
<div class="fontclass">#icon-gongyingshangkanban</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dingdan"></use>
</svg>
<div class="name">订单</div>
<div class="fontclass">#icon-dingdan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-qiyezhongzhi"></use>
</svg>
<div class="name">企业终止</div>
<div class="fontclass">#icon-qiyezhongzhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyingshangguanli2"></use>
</svg>
<div class="name">供应商管理</div>
<div class="fontclass">#icon-gongyingshangguanli2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xianchangkaohe"></use>
</svg>
<div class="name">现场考核</div>
<div class="fontclass">#icon-xianchangkaohe</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tupian"></use>
</svg>
<div class="name">图片</div>
<div class="fontclass">#icon-tupian</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-ceping"></use>
</svg>
<div class="name">测评</div>
<div class="fontclass">#icon-ceping</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-diaochawenjuan"></use>
</svg>
<div class="name">调查问卷</div>
<div class="fontclass">#icon-diaochawenjuan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-96"></use>
</svg>
<div class="name">交谈</div>
<div class="fontclass">#icon-96</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zugroup"></use>
</svg>
<div class="name">组 group</div>
<div class="fontclass">#icon-zugroup</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shanchu1"></use>
</svg>
<div class="name">删除</div>
<div class="fontclass">#icon-shanchu1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shanchu2"></use>
</svg>
<div class="name">删除</div>
<div class="fontclass">#icon-shanchu2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tongbu"></use>
</svg>
<div class="name">同步</div>
<div class="fontclass">#icon-tongbu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-titlebarcaidan"></use>
</svg>
<div class="name">titlebar-菜单</div>
<div class="fontclass">#icon-titlebarcaidan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-flag"></use>
</svg>
<div class="name">flag</div>
<div class="fontclass">#icon-flag</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconfontpdf"></use>
</svg>
<div class="name">iconfont-pdf</div>
<div class="fontclass">#icon-iconfontpdf</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zuidahua"></use>
</svg>
<div class="name">最大化</div>
<div class="fontclass">#icon-zuidahua</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xunjia"></use>
</svg>
<div class="name">询价</div>
<div class="fontclass">#icon-xunjia</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-movedown"></use>
</svg>
<div class="name">move-down</div>
<div class="fontclass">#icon-movedown</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-moveup"></use>
</svg>
<div class="name">move-up</div>
<div class="fontclass">#icon-moveup</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-baocun"></use>
</svg>
<div class="name">保存</div>
<div class="fontclass">#icon-baocun</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shoudaoxunjia"></use>
</svg>
<div class="name">收到询价</div>
<div class="fontclass">#icon-shoudaoxunjia</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dingdanguanli"></use>
</svg>
<div class="name">订单管理</div>
<div class="fontclass">#icon-dingdanguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fuwushangrenzheng"></use>
</svg>
<div class="name">服务商认证</div>
<div class="fontclass">#icon-fuwushangrenzheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-baocun1"></use>
</svg>
<div class="name">保存</div>
<div class="fontclass">#icon-baocun1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-pinpaishouquan"></use>
</svg>
<div class="name">品牌授权</div>
<div class="fontclass">#icon-pinpaishouquan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icon9"></use>
</svg>
<div class="name">数据配置</div>
<div class="fontclass">#icon-icon9</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daichuli"></use>
</svg>
<div class="name">待处理</div>
<div class="fontclass">#icon-daichuli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xunjia1"></use>
</svg>
<div class="name">询价</div>
<div class="fontclass">#icon-xunjia1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-notice"></use>
</svg>
<div class="name">底部导航公告-未选中状态</div>
<div class="fontclass">#icon-notice</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-doc"></use>
</svg>
<div class="name">doc</div>
<div class="fontclass">#icon-doc</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xls"></use>
</svg>
<div class="name">xls</div>
<div class="fontclass">#icon-xls</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiayi"></use>
</svg>
<div class="name">下移</div>
<div class="fontclass">#icon-xiayi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shangyi"></use>
</svg>
<div class="name">上移</div>
<div class="fontclass">#icon-shangyi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-qiyerenzheng"></use>
</svg>
<div class="name">企业认证</div>
<div class="fontclass">#icon-qiyerenzheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-multi-line-text"></use>
</svg>
<div class="name">多行文本</div>
<div class="fontclass">#icon-multi-line-text</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-mulu"></use>
</svg>
<div class="name">目录</div>
<div class="fontclass">#icon-mulu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-soliddown"></use>
</svg>
<div class="name">向下</div>
<div class="fontclass">#icon-soliddown</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fabu2"></use>
</svg>
<div class="name">发布</div>
<div class="fontclass">#icon-fabu2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tubiao16"></use>
</svg>
<div class="name">报表</div>
<div class="fontclass">#icon-tubiao16</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tubiao48"></use>
</svg>
<div class="name">文档发布</div>
<div class="fontclass">#icon-tubiao48</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zizhirenzheng"></use>
</svg>
<div class="name">资质认证</div>
<div class="fontclass">#icon-zizhirenzheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-biaoji"></use>
</svg>
<div class="name">标记</div>
<div class="fontclass">#icon-biaoji</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-qunfengfuwushang"></use>
</svg>
<div class="name">群蜂服务商</div>
<div class="fontclass">#icon-qunfengfuwushang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinjiaruqiyeyujing"></use>
</svg>
<div class="name">新加入企业预警</div>
<div class="fontclass">#icon-xinjiaruqiyeyujing</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bianji"></use>
</svg>
<div class="name">编辑</div>
<div class="fontclass">#icon-bianji</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-neirong"></use>
</svg>
<div class="name">内容</div>
<div class="fontclass">#icon-neirong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xitongguanli"></use>
</svg>
<div class="name">系统管理</div>
<div class="fontclass">#icon-xitongguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jihua01"></use>
</svg>
<div class="name">计划-01</div>
<div class="fontclass">#icon-jihua01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jiaoxuepeizhi"></use>
</svg>
<div class="name">教学配置</div>
<div class="fontclass">#icon-jiaoxuepeizhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-renwu1"></use>
</svg>
<div class="name">任务</div>
<div class="fontclass">#icon-renwu1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wenhao"></use>
</svg>
<div class="name">问号</div>
<div class="fontclass">#icon-wenhao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fazhankaidan"></use>
</svg>
<div class="name">发站开单</div>
<div class="fontclass">#icon-fazhankaidan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-me-copy"></use>
</svg>
<div class="name"></div>
<div class="fontclass">#icon-me-copy</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tuopanxiangzi"></use>
</svg>
<div class="name">托盘箱子</div>
<div class="fontclass">#icon-tuopanxiangzi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fanhui2"></use>
</svg>
<div class="name">返回</div>
<div class="fontclass">#icon-fanhui2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bangzhu"></use>
</svg>
<div class="name">帮助</div>
<div class="fontclass">#icon-bangzhu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-555"></use>
</svg>
<div class="name">公告</div>
<div class="fontclass">#icon-555</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-kuanyi20guanrenyaoqingyuangong"></use>
</svg>
<div class="name">款易2.0-管人-邀请员工</div>
<div class="fontclass">#icon-kuanyi20guanrenyaoqingyuangong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhiliangjianyan"></use>
</svg>
<div class="name">质量检验</div>
<div class="fontclass">#icon-zhiliangjianyan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-liucheng"></use>
</svg>
<div class="name">文件夹</div>
<div class="fontclass">#icon-liucheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bangzhu-copy"></use>
</svg>
<div class="name">帮助</div>
<div class="fontclass">#icon-bangzhu-copy</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconset0114"></use>
</svg>
<div class="name"></div>
<div class="fontclass">#icon-iconset0114</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconset0115"></use>
</svg>
<div class="name">开锁</div>
<div class="fontclass">#icon-iconset0115</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconset0186"></use>
</svg>
<div class="name"></div>
<div class="fontclass">#icon-iconset0186</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconset0187"></use>
</svg>
<div class="name"></div>
<div class="fontclass">#icon-iconset0187</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconset01100"></use>
</svg>
<div class="name">用户</div>
<div class="fontclass">#icon-iconset01100</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconset0256"></use>
</svg>
<div class="name">条形码</div>
<div class="fontclass">#icon-iconset0256</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconset0339"></use>
</svg>
<div class="name">下载</div>
<div class="fontclass">#icon-iconset0339</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-iconset0340"></use>
</svg>
<div class="name">上传</div>
<div class="fontclass">#icon-iconset0340</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jingxiaoshangfuwu"></use>
</svg>
<div class="name">经销商服务</div>
<div class="fontclass">#icon-jingxiaoshangfuwu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-quanxianguanli"></use>
</svg>
<div class="name">权限管理</div>
<div class="fontclass">#icon-quanxianguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jingji"></use>
</svg>
<div class="name">竞技</div>
<div class="fontclass">#icon-jingji</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyinglian"></use>
</svg>
<div class="name">供应链</div>
<div class="fontclass">#icon-gongyinglian</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-rizhi"></use>
</svg>
<div class="name">日志</div>
<div class="fontclass">#icon-rizhi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zaixianfuwu"></use>
</svg>
<div class="name">online</div>
<div class="fontclass">#icon-zaixianfuwu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daoru"></use>
</svg>
<div class="name">导入</div>
<div class="fontclass">#icon-daoru</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-riqi"></use>
</svg>
<div class="name">日期</div>
<div class="fontclass">#icon-riqi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yingjigongyingfenbutu"></use>
</svg>
<div class="name">应急供应分布图</div>
<div class="fontclass">#icon-yingjigongyingfenbutu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jiagecaiji"></use>
</svg>
<div class="name">价格采集</div>
<div class="fontclass">#icon-jiagecaiji</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-weibiaoti7"></use>
</svg>
<div class="name">绩效评估</div>
<div class="fontclass">#icon-weibiaoti7</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tongji"></use>
</svg>
<div class="name">统计</div>
<div class="fontclass">#icon-tongji</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-hezuohuobanguanli"></use>
</svg>
<div class="name">合作伙伴管理</div>
<div class="fontclass">#icon-hezuohuobanguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shaixuan1"></use>
</svg>
<div class="name">筛选</div>
<div class="fontclass">#icon-shaixuan1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daiwancheng"></use>
</svg>
<div class="name">待完成</div>
<div class="fontclass">#icon-daiwancheng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zonghesum1"></use>
</svg>
<div class="name">总和</div>
<div class="fontclass">#icon-zonghesum1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-76"></use>
</svg>
<div class="name">公司</div>
<div class="fontclass">#icon-76</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-fenlei"></use>
</svg>
<div class="name">分类</div>
<div class="fontclass">#icon-fenlei</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-richangyewu"></use>
</svg>
<div class="name">日常业务</div>
<div class="fontclass">#icon-richangyewu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhuanyetuandui"></use>
</svg>
<div class="name">专业团队</div>
<div class="fontclass">#icon-zhuanyetuandui</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-solidup"></use>
</svg>
<div class="name">向下</div>
<div class="fontclass">#icon-solidup</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangxia"></use>
</svg>
<div class="name">向上</div>
<div class="fontclass">#icon-xiangxia</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-title-right"></use>
</svg>
<div class="name">年份切换向左</div>
<div class="fontclass">#icon-title-right</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinzeng"></use>
</svg>
<div class="name">新增</div>
<div class="fontclass">#icon-xinzeng</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-edit"></use>
</svg>
<div class="name">edit</div>
<div class="fontclass">#icon-edit</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangyou2"></use>
</svg>
<div class="name">向左</div>
<div class="fontclass">#icon-xiangyou2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangzuo1"></use>
</svg>
<div class="name">向右</div>
<div class="fontclass">#icon-xiangzuo1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dengpao"></use>
</svg>
<div class="name">灯泡</div>
<div class="fontclass">#icon-dengpao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-hetong"></use>
</svg>
<div class="name">合同</div>
<div class="fontclass">#icon-hetong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-quanxianguanli1"></use>
</svg>
<div class="name">权限管理</div>
<div class="fontclass">#icon-quanxianguanli1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yilianjie"></use>
</svg>
<div class="name">已连接</div>
<div class="fontclass">#icon-yilianjie</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-duankailianjie"></use>
</svg>
<div class="name">断开连接</div>
<div class="fontclass">#icon-duankailianjie</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tuihuo1"></use>
</svg>
<div class="name">退货(1)</div>
<div class="fontclass">#icon-tuihuo1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyinglian1"></use>
</svg>
<div class="name">供应链</div>
<div class="fontclass">#icon-gongyinglian1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tubiao0102"></use>
</svg>
<div class="name">合同</div>
<div class="fontclass">#icon-tubiao0102</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wenjiangongxiang"></use>
</svg>
<div class="name">文件共享</div>
<div class="fontclass">#icon-wenjiangongxiang</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tongguo"></use>
</svg>
<div class="name">通过</div>
<div class="fontclass">#icon-tongguo</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dingshijiancha"></use>
</svg>
<div class="name">定时检查</div>
<div class="fontclass">#icon-dingshijiancha</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xitongguanli1"></use>
</svg>
<div class="name">系统管理</div>
<div class="fontclass">#icon-xitongguanli1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icon-rank"></use>
</svg>
<div class="name">竞价</div>
<div class="fontclass">#icon-icon-rank</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-scan"></use>
</svg>
<div class="name">scan</div>
<div class="fontclass">#icon-scan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yunyingyong"></use>
</svg>
<div class="name">云应用</div>
<div class="fontclass">#icon-yunyingyong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shangchuan"></use>
</svg>
<div class="name">上传</div>
<div class="fontclass">#icon-shangchuan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-weibiaoti201"></use>
</svg>
<div class="name">审批_图章_通过</div>
<div class="fontclass">#icon-weibiaoti201</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-tuzhang02"></use>
</svg>
<div class="name">审批_图章_未通过</div>
<div class="fontclass">#icon-tuzhang02</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-trade"></use>
</svg>
<div class="name">供求</div>
<div class="fontclass">#icon-trade</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-icon01"></use>
</svg>
<div class="name">用户管理</div>
<div class="fontclass">#icon-icon01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gong"></use>
</svg>
<div class="name">供应</div>
<div class="fontclass">#icon-gong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-qianzaiyonghu"></use>
</svg>
<div class="name">潜在用户</div>
<div class="fontclass">#icon-qianzaiyonghu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zuzhiguanli"></use>
</svg>
<div class="name">组织管理</div>
<div class="fontclass">#icon-zuzhiguanli</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dayin"></use>
</svg>
<div class="name">打印</div>
<div class="fontclass">#icon-dayin</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-cf-c19"></use>
</svg>
<div class="name">员工离职</div>
<div class="fontclass">#icon-cf-c19</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinzeng1"></use>
</svg>
<div class="name">新增</div>
<div class="fontclass">#icon-xinzeng1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-no"></use>
</svg>
<div class="name">no</div>
<div class="fontclass">#icon-no</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-20160518wangzhanshouyeyindingicon"></use>
</svg>
<div class="name">20160518_网站首页_银锭icon</div>
<div class="fontclass">#icon-20160518wangzhanshouyeyindingicon</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dingdan1"></use>
</svg>
<div class="name">订单</div>
<div class="fontclass">#icon-dingdan1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-gongyingshangguanli3"></use>
</svg>
<div class="name">供应商管理</div>
<div class="fontclass">#icon-gongyingshangguanli3</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-duidingdan"></use>
</svg>
<div class="name">对订单</div>
<div class="fontclass">#icon-duidingdan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-chuangkou1"></use>
</svg>
<div class="name">窗口1</div>
<div class="fontclass">#icon-chuangkou1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-chuangkou2"></use>
</svg>
<div class="name">窗口2</div>
<div class="fontclass">#icon-chuangkou2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-chuangkou01"></use>
</svg>
<div class="name">窗口-01</div>
<div class="fontclass">#icon-chuangkou01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jishuhezuoqiatanhezuohuitan"></use>
</svg>
<div class="name">技术合作 洽谈 合作 会谈</div>
<div class="fontclass">#icon-jishuhezuoqiatanhezuohuitan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shangwuhezuohezuo"></use>
</svg>
<div class="name">商务合作 合作</div>
<div class="fontclass">#icon-shangwuhezuohezuo</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-daochu1"></use>
</svg>
<div class="name">导出</div>
<div class="fontclass">#icon-daochu1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinpingpujuecefenxicongyerenyuan"></use>
</svg>
<div class="name">新平铺-决策分析-从业人员</div>
<div class="fontclass">#icon-xinpingpujuecefenxicongyerenyuan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-wuliugongying01"></use>
</svg>
<div class="name">物流供应-01</div>
<div class="fontclass">#icon-wuliugongying01</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xinxifuwuyewuyujingcongyerenyuanheimingdanchaxun"></use>
</svg>
<div class="name">信息服务-业务预警-从业人员黑名单查询</div>
<div class="fontclass">#icon-xinxifuwuyewuyujingcongyerenyuanheimingdanchaxun</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-chexiao1"></use>
</svg>
<div class="name">撤销</div>
<div class="fontclass">#icon-chexiao1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-weiwancheng1"></use>
</svg>
<div class="name">未完成</div>
<div class="fontclass">#icon-weiwancheng1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-dingdandiaodu"></use>
</svg>
<div class="name">订单调度</div>
<div class="fontclass">#icon-dingdandiaodu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-zhongzhimima"></use>
</svg>
<div class="name">重置密码</div>
<div class="fontclass">#icon-zhongzhimima</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-reset"></use>
</svg>
<div class="name">reset</div>
<div class="fontclass">#icon-reset</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shuju"></use>
</svg>
<div class="name">数据</div>
<div class="fontclass">#icon-shuju</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-xiangyou3"></use>
</svg>
<div class="name">向右</div>
<div class="fontclass">#icon-xiangyou3</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jianqie"></use>
</svg>
<div class="name">剪切</div>
<div class="fontclass">#icon-jianqie</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-qunzu"></use>
</svg>
<div class="name">群组</div>
<div class="fontclass">#icon-qunzu</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bianji1"></use>
</svg>
<div class="name">编辑</div>
<div class="fontclass">#icon-bianji1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shizhong"></use>
</svg>
<div class="name">时钟</div>
<div class="fontclass">#icon-shizhong</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-bangzhu1"></use>
</svg>
<div class="name">帮助</div>
<div class="fontclass">#icon-bangzhu1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-cuowutishi"></use>
</svg>
<div class="name">错误提示</div>
<div class="fontclass">#icon-cuowutishi</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-yewurenyuanchushen"></use>
</svg>
<div class="name">业务人员初审</div>
<div class="fontclass">#icon-yewurenyuanchushen</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-shenqingkuaisucaigoujiandan"></use>
</svg>
<div class="name">申请快速,采购简单</div>
<div class="fontclass">#icon-shenqingkuaisucaigoujiandan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-diaochawenjuan1"></use>
</svg>
<div class="name">调查问卷</div>
<div class="fontclass">#icon-diaochawenjuan1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-jihuabiao"></use>
</svg>
<div class="name">计划表</div>
<div class="fontclass">#icon-jihuabiao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon-huanfu1"></use>
</svg>
<div class="name">换肤 (1)</div>
<div class="fontclass">#icon-huanfu1</div>
</li>
</ul>
<h2 id="symbol-">symbol引用</h2>
<hr>
<p>这是一种全新的使用方式,应该说这才是未来的主流,也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
这种用法其实是做了一个svg的集合与另外两种相比具有如下特点</p>
<ul>
<li>支持多色图标了,不再受单色限制。</li>
<li>通过一些技巧,支持像字体那样,通过<code>font-size</code>,<code>color</code>来调整样式。</li>
<li>兼容性较差,支持 ie9+,及现代浏览器。</li>
<li>浏览器渲染svg的性能一般还不如png。</li>
</ul>
<p>使用步骤如下:</p>
<h3 id="-symbol-">第一步引入项目下面生成的symbol代码</h3>
<pre><code class="lang-js hljs javascript"><span class="hljs-comment">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;</span></code></pre>
<h3 id="-css-">第二步加入通用css代码引入一次就行</h3>
<pre><code class="lang-js hljs javascript">&lt;style type=<span class="hljs-string">"text/css"</span>&gt;
.icon {
width: <span class="hljs-number">1</span>em; height: <span class="hljs-number">1</span>em;
vertical-align: <span class="hljs-number">-0.15</span>em;
fill: currentColor;
overflow: hidden;
}
&lt;<span class="hljs-regexp">/style&gt;</span></code></pre>
<h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="lang-js hljs javascript">&lt;svg <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"icon"</span> aria-hidden=<span class="hljs-string">"true"</span>&gt;<span class="xml"><span class="hljs-tag">
&lt;<span class="hljs-name">use</span> <span class="hljs-attr">xlink:href</span>=<span class="hljs-string">"#icon-xxx"</span>&gt;</span><span class="hljs-tag">&lt;/<span class="hljs-name">use</span>&gt;</span>
</span>&lt;<span class="hljs-regexp">/svg&gt;
</span></code></pre>
</div>
</body>
</html>