TIC-MEHDS-KnowledgeGraph-java/kgBuilder-ui/public/static/icon/demo_index.html

11229 lines
386 KiB
HTML
Raw Permalink Normal View History

2025-10-28 15:13:57 +08:00
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>iconfont Demo</title>
<link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
<link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
<link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
<script src="iconfont.js"></script>
<!-- jQuery -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
<!-- 代码高亮 -->
<script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
<style>
.main .logo {
margin-top: 0;
height: auto;
}
.main .logo a {
display: flex;
align-items: center;
}
.main .logo .sub-title {
margin-left: 0.5em;
font-size: 22px;
color: #fff;
background: linear-gradient(-45deg, #3967FF, #B500FE);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
</style>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
<img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
</a></h1>
<div class="nav-tabs">
<ul id="tabs" class="dib-box">
<li class="dib active"><span>Unicode</span></li>
<li class="dib"><span>Font class</span></li>
<li class="dib"><span>Symbol</span></li>
</ul>
<a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=3401951" target="_blank" class="nav-more">查看项目</a>
</div>
<div class="tab-container">
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe77e;</span>
<div class="name">ellipsis</div>
<div class="code-name">&amp;#xe77e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87e;</span>
<div class="name">training</div>
<div class="code-name">&amp;#xe87e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77f;</span>
<div class="name">email</div>
<div class="code-name">&amp;#xe77f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87f;</span>
<div class="name">packing-labeling-fill</div>
<div class="code-name">&amp;#xe87f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe780;</span>
<div class="name">falling</div>
<div class="code-name">&amp;#xe780;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe880;</span>
<div class="name">export services-fill</div>
<div class="code-name">&amp;#xe880;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe781;</span>
<div class="name">earth</div>
<div class="code-name">&amp;#xe781;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe881;</span>
<div class="name">brand-fill</div>
<div class="code-name">&amp;#xe881;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe782;</span>
<div class="name">filter</div>
<div class="code-name">&amp;#xe782;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe882;</span>
<div class="name">collection</div>
<div class="code-name">&amp;#xe882;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe783;</span>
<div class="name">furniture</div>
<div class="code-name">&amp;#xe783;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe883;</span>
<div class="name">consumption-fill</div>
<div class="code-name">&amp;#xe883;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe784;</span>
<div class="name">folder</div>
<div class="code-name">&amp;#xe784;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe884;</span>
<div class="name">collection-fill</div>
<div class="code-name">&amp;#xe884;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe785;</span>
<div class="name">feeds</div>
<div class="code-name">&amp;#xe785;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe885;</span>
<div class="name">brand</div>
<div class="code-name">&amp;#xe885;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe786;</span>
<div class="name">history</div>
<div class="code-name">&amp;#xe786;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe886;</span>
<div class="name">rejected-order-fill</div>
<div class="code-name">&amp;#xe886;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe787;</span>
<div class="name">hardware</div>
<div class="code-name">&amp;#xe787;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe887;</span>
<div class="name">homepage-ads-fill</div>
<div class="code-name">&amp;#xe887;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe788;</span>
<div class="name">help</div>
<div class="code-name">&amp;#xe788;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe888;</span>
<div class="name">homepage-ads</div>
<div class="code-name">&amp;#xe888;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe789;</span>
<div class="name">good</div>
<div class="code-name">&amp;#xe789;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe889;</span>
<div class="name">scenes-fill</div>
<div class="code-name">&amp;#xe889;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78a;</span>
<div class="name">Household appliances</div>
<div class="code-name">&amp;#xe78a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88a;</span>
<div class="name">scenes</div>
<div class="code-name">&amp;#xe88a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78b;</span>
<div class="name">gift</div>
<div class="code-name">&amp;#xe78b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88b;</span>
<div class="name">similar-product-fill</div>
<div class="code-name">&amp;#xe88b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78c;</span>
<div class="name">form</div>
<div class="code-name">&amp;#xe78c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88c;</span>
<div class="name">topraning-fill</div>
<div class="code-name">&amp;#xe88c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78d;</span>
<div class="name">image-text</div>
<div class="code-name">&amp;#xe78d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88d;</span>
<div class="name">consumption</div>
<div class="code-name">&amp;#xe88d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78e;</span>
<div class="name">hot</div>
<div class="code-name">&amp;#xe78e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88e;</span>
<div class="name">topraning</div>
<div class="code-name">&amp;#xe88e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe78f;</span>
<div class="name">inspection</div>
<div class="code-name">&amp;#xe78f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe88f;</span>
<div class="name">gold-supplier</div>
<div class="code-name">&amp;#xe88f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe790;</span>
<div class="name">left button</div>
<div class="code-name">&amp;#xe790;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe890;</span>
<div class="name">message center-fill</div>
<div class="code-name">&amp;#xe890;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe791;</span>
<div class="name">jewelry</div>
<div class="code-name">&amp;#xe791;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe891;</span>
<div class="name">quick</div>
<div class="code-name">&amp;#xe891;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe792;</span>
<div class="name">ipad</div>
<div class="code-name">&amp;#xe792;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe892;</span>
<div class="name">writing</div>
<div class="code-name">&amp;#xe892;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe793;</span>
<div class="name">left arrow</div>
<div class="code-name">&amp;#xe793;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe893;</span>
<div class="name">doc-fill</div>
<div class="code-name">&amp;#xe893;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe794;</span>
<div class="name">integral</div>
<div class="code-name">&amp;#xe794;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe894;</span>
<div class="name">jpge-fill</div>
<div class="code-name">&amp;#xe894;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe795;</span>
<div class="name">kitchen</div>
<div class="code-name">&amp;#xe795;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe895;</span>
<div class="name">gif-fill</div>
<div class="code-name">&amp;#xe895;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe796;</span>
<div class="name">inquiry-template</div>
<div class="code-name">&amp;#xe796;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe896;</span>
<div class="name">bmp-fill</div>
<div class="code-name">&amp;#xe896;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe797;</span>
<div class="name">link</div>
<div class="code-name">&amp;#xe797;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe897;</span>
<div class="name">tif-fill</div>
<div class="code-name">&amp;#xe897;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe798;</span>
<div class="name">libra</div>
<div class="code-name">&amp;#xe798;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe898;</span>
<div class="name">png-fill</div>
<div class="code-name">&amp;#xe898;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe799;</span>
<div class="name">loading</div>
<div class="code-name">&amp;#xe799;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe899;</span>
<div class="name">home</div>
<div class="code-name">&amp;#xe899;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79a;</span>
<div class="name">listing-content</div>
<div class="code-name">&amp;#xe79a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89a;</span>
<div class="name">home</div>
<div class="code-name">&amp;#xe89a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79b;</span>
<div class="name">lights</div>
<div class="code-name">&amp;#xe79b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89b;</span>
<div class="name">send inquiry-fill</div>
<div class="code-name">&amp;#xe89b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79c;</span>
<div class="name">logistics-icon</div>
<div class="code-name">&amp;#xe79c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89c;</span>
<div class="name">comments-fill</div>
<div class="code-name">&amp;#xe89c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79d;</span>
<div class="name">message center</div>
<div class="code-name">&amp;#xe79d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89d;</span>
<div class="name">account-fill</div>
<div class="code-name">&amp;#xe89d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79e;</span>
<div class="name">mobile-phone</div>
<div class="code-name">&amp;#xe79e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89e;</span>
<div class="name">feed-logo-fill</div>
<div class="code-name">&amp;#xe89e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe79f;</span>
<div class="name">manage-order</div>
<div class="code-name">&amp;#xe79f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe89f;</span>
<div class="name">feed-logo</div>
<div class="code-name">&amp;#xe89f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a0;</span>
<div class="name">move</div>
<div class="code-name">&amp;#xe7a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a0;</span>
<div class="name">home-fill</div>
<div class="code-name">&amp;#xe8a0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a1;</span>
<div class="name">Money management</div>
<div class="code-name">&amp;#xe7a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a1;</span>
<div class="name">add-select</div>
<div class="code-name">&amp;#xe8a1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a2;</span>
<div class="name">namecard</div>
<div class="code-name">&amp;#xe7a2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a2;</span>
<div class="name">sami-select</div>
<div class="code-name">&amp;#xe8a2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a3;</span>
<div class="name">map</div>
<div class="code-name">&amp;#xe7a3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a3;</span>
<div class="name">camera</div>
<div class="code-name">&amp;#xe8a3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a4;</span>
<div class="name">New user zone</div>
<div class="code-name">&amp;#xe7a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a4;</span>
<div class="name">arrow-down</div>
<div class="code-name">&amp;#xe8a4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a5;</span>
<div class="name">multi-language</div>
<div class="code-name">&amp;#xe7a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a5;</span>
<div class="name">account</div>
<div class="code-name">&amp;#xe8a5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a6;</span>
<div class="name">office</div>
<div class="code-name">&amp;#xe7a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a6;</span>
<div class="name">comments</div>
<div class="code-name">&amp;#xe8a6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a7;</span>
<div class="name">notice</div>
<div class="code-name">&amp;#xe7a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a7;</span>
<div class="name">cart-Empty</div>
<div class="code-name">&amp;#xe8a7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a8;</span>
<div class="name">on time shipment</div>
<div class="code-name">&amp;#xe7a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a8;</span>
<div class="name">favorites</div>
<div class="code-name">&amp;#xe8a8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7a9;</span>
<div class="name">office-supplies</div>
<div class="code-name">&amp;#xe7a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8a9;</span>
<div class="name">order</div>
<div class="code-name">&amp;#xe8a9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7aa;</span>
<div class="name">password</div>
<div class="code-name">&amp;#xe7aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8aa;</span>
<div class="name">search</div>
<div class="code-name">&amp;#xe8aa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ab;</span>
<div class="name">Not visible</div>
<div class="code-name">&amp;#xe7ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ab;</span>
<div class="name">trade-assurance</div>
<div class="code-name">&amp;#xe8ab;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ac;</span>
<div class="name">operation</div>
<div class="code-name">&amp;#xe7ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ac;</span>
<div class="name">user center</div>
<div class="code-name">&amp;#xe8ac;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ad;</span>
<div class="name">packaging</div>
<div class="code-name">&amp;#xe7ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ad;</span>
<div class="name">trading data</div>
<div class="code-name">&amp;#xe8ad;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ae;</span>
<div class="name">online-tracking</div>
<div class="code-name">&amp;#xe7ae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ae;</span>
<div class="name">microphone</div>
<div class="code-name">&amp;#xe8ae;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7af;</span>
<div class="name">packing-labeling</div>
<div class="code-name">&amp;#xe7af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8af;</span>
<div class="name">txt</div>
<div class="code-name">&amp;#xe8af;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b0;</span>
<div class="name">phone</div>
<div class="code-name">&amp;#xe7b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b0;</span>
<div class="name">xlsx</div>
<div class="code-name">&amp;#xe8b0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b1;</span>
<div class="name">pic</div>
<div class="code-name">&amp;#xe7b1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b1;</span>
<div class="name">办证服务</div>
<div class="code-name">&amp;#xe8b1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b2;</span>
<div class="name">pin</div>
<div class="code-name">&amp;#xe7b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b2;</span>
<div class="name">仓库</div>
<div class="code-name">&amp;#xe8b2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b3;</span>
<div class="name">play</div>
<div class="code-name">&amp;#xe7b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b3;</span>
<div class="name">代办财税</div>
<div class="code-name">&amp;#xe8b3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b4;</span>
<div class="name">logistic-logo</div>
<div class="code-name">&amp;#xe7b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b4;</span>
<div class="name">集装箱</div>
<div class="code-name">&amp;#xe8b4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b5;</span>
<div class="name">print</div>
<div class="code-name">&amp;#xe7b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b5;</span>
<div class="name">角标</div>
<div class="code-name">&amp;#xe8b5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b6;</span>
<div class="name">product</div>
<div class="code-name">&amp;#xe7b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b6;</span>
<div class="name">客户盘点</div>
<div class="code-name">&amp;#xe8b6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b7;</span>
<div class="name">machinery</div>
<div class="code-name">&amp;#xe7b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b7;</span>
<div class="name">动态</div>
<div class="code-name">&amp;#xe8b7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b8;</span>
<div class="name">process</div>
<div class="code-name">&amp;#xe7b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b8;</span>
<div class="name">贷款</div>
<div class="code-name">&amp;#xe8b8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7b9;</span>
<div class="name">prompt</div>
<div class="code-name">&amp;#xe7b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8b9;</span>
<div class="name">生意经</div>
<div class="code-name">&amp;#xe8b9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ba;</span>
<div class="name">QRcode</div>
<div class="code-name">&amp;#xe7ba;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ba;</span>
<div class="name">结汇</div>
<div class="code-name">&amp;#xe8ba;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bb;</span>
<div class="name">reeor</div>
<div class="code-name">&amp;#xe7bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bb;</span>
<div class="name">分层配置</div>
<div class="code-name">&amp;#xe8bb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bc;</span>
<div class="name">reduce</div>
<div class="code-name">&amp;#xe7bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bc;</span>
<div class="name">申请记录</div>
<div class="code-name">&amp;#xe8bc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bd;</span>
<div class="name">Non-staple food</div>
<div class="code-name">&amp;#xe7bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bd;</span>
<div class="name">上传备案单证</div>
<div class="code-name">&amp;#xe8bd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7be;</span>
<div class="name">rejected-order</div>
<div class="code-name">&amp;#xe7be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8be;</span>
<div class="name">上传</div>
<div class="code-name">&amp;#xe8be;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7bf;</span>
<div class="name">resonse rate</div>
<div class="code-name">&amp;#xe7bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8bf;</span>
<div class="name">客户权益</div>
<div class="code-name">&amp;#xe8bf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c0;</span>
<div class="name">remind</div>
<div class="code-name">&amp;#xe7c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c0;</span>
<div class="name">缩小</div>
<div class="code-name">&amp;#xe8c0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c1;</span>
<div class="name">response time</div>
<div class="code-name">&amp;#xe7c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c1;</span>
<div class="name">权益配置</div>
<div class="code-name">&amp;#xe8c1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c2;</span>
<div class="name">return</div>
<div class="code-name">&amp;#xe7c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c2;</span>
<div class="name">双审</div>
<div class="code-name">&amp;#xe8c2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c3;</span>
<div class="name">paylater</div>
<div class="code-name">&amp;#xe7c3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c3;</span>
<div class="name">通关</div>
<div class="code-name">&amp;#xe8c3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c4;</span>
<div class="name">rising</div>
<div class="code-name">&amp;#xe7c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c4;</span>
<div class="name">退税</div>
<div class="code-name">&amp;#xe8c4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c5;</span>
<div class="name">Right arrow</div>
<div class="code-name">&amp;#xe7c5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c5;</span>
<div class="name">通关数据</div>
<div class="code-name">&amp;#xe8c5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c6;</span>
<div class="name">rmb</div>
<div class="code-name">&amp;#xe7c6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c6;</span>
<div class="name">快递物流</div>
<div class="code-name">&amp;#xe8c6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c7;</span>
<div class="name">RFQ-logo</div>
<div class="code-name">&amp;#xe7c7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c7;</span>
<div class="name">物流产品</div>
<div class="code-name">&amp;#xe8c7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c8;</span>
<div class="name">save</div>
<div class="code-name">&amp;#xe7c8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c8;</span>
<div class="name">外汇数据</div>
<div class="code-name">&amp;#xe8c8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7c9;</span>
<div class="name">scanning</div>
<div class="code-name">&amp;#xe7c9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8c9;</span>
<div class="name">信息bar_手机</div>
<div class="code-name">&amp;#xe8c9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ca;</span>
<div class="name">security</div>
<div class="code-name">&amp;#xe7ca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ca;</span>
<div class="name">新外综业务</div>
<div class="code-name">&amp;#xe8ca;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cb;</span>
<div class="name">sales center</div>
<div class="code-name">&amp;#xe7cb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8cb;</span>
<div class="name">物流订单</div>
<div class="code-name">&amp;#xe8cb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cc;</span>
<div class="name">seleted</div>
<div class="code-name">&amp;#xe7cc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8cc;</span>
<div class="name">中间人</div>
<div class="code-name">&amp;#xe8cc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cd;</span>
<div class="name">search cart</div>
<div class="code-name">&amp;#xe7cd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8cd;</span>
<div class="name">信息bar_账户</div>
<div class="code-name">&amp;#xe8cd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ce;</span>
<div class="name">raw</div>
<div class="code-name">&amp;#xe7ce;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ce;</span>
<div class="name">一达通</div>
<div class="code-name">&amp;#xe8ce;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7cf;</span>
<div class="name">service</div>
<div class="code-name">&amp;#xe7cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8cf;</span>
<div class="name">专业权威</div>
<div class="code-name">&amp;#xe8cf;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d0;</span>
<div class="name">share</div>
<div class="code-name">&amp;#xe7d0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d0;</span>
<div class="name">账户操作</div>
<div class="code-name">&amp;#xe8d0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d1;</span>
<div class="name">signboard</div>
<div class="code-name">&amp;#xe7d1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d1;</span>
<div class="name">旋转90度</div>
<div class="code-name">&amp;#xe8d1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d2;</span>
<div class="name">shuffling-banner</div>
<div class="code-name">&amp;#xe7d2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d2;</span>
<div class="name">退税融资</div>
<div class="code-name">&amp;#xe8d2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d3;</span>
<div class="name">Right button</div>
<div class="code-name">&amp;#xe7d3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d3;</span>
<div class="name">Add Products</div>
<div class="code-name">&amp;#xe8d3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d4;</span>
<div class="name">sorting</div>
<div class="code-name">&amp;#xe7d4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d4;</span>
<div class="name">自营业务</div>
<div class="code-name">&amp;#xe8d4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d5;</span>
<div class="name">sound-Mute</div>
<div class="code-name">&amp;#xe7d5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d5;</span>
<div class="name">addcell</div>
<div class="code-name">&amp;#xe8d5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d6;</span>
<div class="name">category products</div>
<div class="code-name">&amp;#xe7d6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d6;</span>
<div class="name">background-color</div>
<div class="code-name">&amp;#xe8d6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d7;</span>
<div class="name">sound-filling</div>
<div class="code-name">&amp;#xe7d7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d7;</span>
<div class="name">cascades</div>
<div class="code-name">&amp;#xe8d7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d8;</span>
<div class="name">suggest</div>
<div class="code-name">&amp;#xe7d8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d8;</span>
<div class="name">beijing</div>
<div class="code-name">&amp;#xe8d8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7d9;</span>
<div class="name">stop</div>
<div class="code-name">&amp;#xe7d9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8d9;</span>
<div class="name">bold</div>
<div class="code-name">&amp;#xe8d9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7da;</span>
<div class="name">success</div>
<div class="code-name">&amp;#xe7da;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8da;</span>
<div class="name">资金</div>
<div class="code-name">&amp;#xe8da;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7db;</span>
<div class="name">supplier-features</div>
<div class="code-name">&amp;#xe7db;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8db;</span>
<div class="name">eraser</div>
<div class="code-name">&amp;#xe8db;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7dc;</span>
<div class="name">switch</div>
<div class="code-name">&amp;#xe7dc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8dc;</span>
<div class="name">centeralignment</div>
<div class="code-name">&amp;#xe8dc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7dd;</span>
<div class="name">survey</div>
<div class="code-name">&amp;#xe7dd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8dd;</span>
<div class="name">click</div>
<div class="code-name">&amp;#xe8dd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7de;</span>
<div class="name">template</div>
<div class="code-name">&amp;#xe7de;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8de;</span>
<div class="name">asp结算</div>
<div class="code-name">&amp;#xe8de;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7df;</span>
<div class="name">text</div>
<div class="code-name">&amp;#xe7df;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8df;</span>
<div class="name">flag</div>
<div class="code-name">&amp;#xe8df;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e0;</span>
<div class="name">suspended</div>
<div class="code-name">&amp;#xe7e0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e0;</span>
<div class="name">falg-fill</div>
<div class="code-name">&amp;#xe8e0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e1;</span>
<div class="name">task-management</div>
<div class="code-name">&amp;#xe7e1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e1;</span>
<div class="name">Fee</div>
<div class="code-name">&amp;#xe8e1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e2;</span>
<div class="name">tool</div>
<div class="code-name">&amp;#xe7e2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e2;</span>
<div class="name">filling</div>
<div class="code-name">&amp;#xe8e2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e3;</span>
<div class="name">top</div>
<div class="code-name">&amp;#xe7e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e3;</span>
<div class="name">Foreign currency</div>
<div class="code-name">&amp;#xe8e3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e4;</span>
<div class="name">smile</div>
<div class="code-name">&amp;#xe7e4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e4;</span>
<div class="name">guanliyuan</div>
<div class="code-name">&amp;#xe8e4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e5;</span>
<div class="name">textile-products</div>
<div class="code-name">&amp;#xe7e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e5;</span>
<div class="name">language</div>
<div class="code-name">&amp;#xe8e5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e6;</span>
<div class="name">trade alert</div>
<div class="code-name">&amp;#xe7e6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e6;</span>
<div class="name">leftalignment</div>
<div class="code-name">&amp;#xe8e6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e7;</span>
<div class="name">top sales</div>
<div class="code-name">&amp;#xe7e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e7;</span>
<div class="name">extra-inquiries</div>
<div class="code-name">&amp;#xe8e7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e8;</span>
<div class="name">trading volume</div>
<div class="code-name">&amp;#xe7e8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e8;</span>
<div class="name">Italic</div>
<div class="code-name">&amp;#xe8e8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7e9;</span>
<div class="name">training</div>
<div class="code-name">&amp;#xe7e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8e9;</span>
<div class="name">pcm</div>
<div class="code-name">&amp;#xe8e9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ea;</span>
<div class="name">upload</div>
<div class="code-name">&amp;#xe7ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ea;</span>
<div class="name">reducecell</div>
<div class="code-name">&amp;#xe8ea;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7eb;</span>
<div class="name">RFQ-word</div>
<div class="code-name">&amp;#xe7eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8eb;</span>
<div class="name">rightalignment</div>
<div class="code-name">&amp;#xe8eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ec;</span>
<div class="name">view larger</div>
<div class="code-name">&amp;#xe7ec;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ec;</span>
<div class="name">pointerleft</div>
<div class="code-name">&amp;#xe8ec;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ed;</span>
<div class="name">viewgallery</div>
<div class="code-name">&amp;#xe7ed;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ed;</span>
<div class="name">subscript</div>
<div class="code-name">&amp;#xe8ed;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ee;</span>
<div class="name">vehivles</div>
<div class="code-name">&amp;#xe7ee;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ee;</span>
<div class="name">square</div>
<div class="code-name">&amp;#xe8ee;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ef;</span>
<div class="name">trust</div>
<div class="code-name">&amp;#xe7ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ef;</span>
<div class="name">superscript</div>
<div class="code-name">&amp;#xe8ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f0;</span>
<div class="name">warning</div>
<div class="code-name">&amp;#xe7f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f0;</span>
<div class="name">tag-subscript</div>
<div class="code-name">&amp;#xe8f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f1;</span>
<div class="name">warehouse</div>
<div class="code-name">&amp;#xe7f1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f1;</span>
<div class="name">单据转换</div>
<div class="code-name">&amp;#xe8f1;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f2;</span>
<div class="name">shoes</div>
<div class="code-name">&amp;#xe7f2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f2;</span>
<div class="name">Transfer money</div>
<div class="code-name">&amp;#xe8f2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f3;</span>
<div class="name">video</div>
<div class="code-name">&amp;#xe7f3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f3;</span>
<div class="name">under-line</div>
<div class="code-name">&amp;#xe8f3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f4;</span>
<div class="name">viewlist</div>
<div class="code-name">&amp;#xe7f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f4;</span>
<div class="name">xiakuangxian</div>
<div class="code-name">&amp;#xe8f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f5;</span>
<div class="name">set</div>
<div class="code-name">&amp;#xe7f5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f5;</span>
<div class="name">收起</div>
<div class="code-name">&amp;#xe8f5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f6;</span>
<div class="name">store</div>
<div class="code-name">&amp;#xe7f6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f6;</span>
<div class="name">展开</div>
<div class="code-name">&amp;#xe8f6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f7;</span>
<div class="name">tool-hardware</div>
<div class="code-name">&amp;#xe7f7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f7;</span>
<div class="name">通讯录</div>
<div class="code-name">&amp;#xe8f7;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f8;</span>
<div class="name">vs</div>
<div class="code-name">&amp;#xe7f8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f8;</span>
<div class="name">已关注供应商</div>
<div class="code-name">&amp;#xe8f8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7f9;</span>
<div class="name">toy</div>
<div class="code-name">&amp;#xe7f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8f9;</span>
<div class="name">购买偏好</div>
<div class="code-name">&amp;#xe8f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fa;</span>
<div class="name">sport</div>
<div class="code-name">&amp;#xe7fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fa;</span>
<div class="name">Subscribe</div>
<div class="code-name">&amp;#xe8fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fb;</span>
<div class="name">credit card</div>
<div class="code-name">&amp;#xe7fb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fb;</span>
<div class="name">become a gold supplier</div>
<div class="code-name">&amp;#xe8fb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fc;</span>
<div class="name">contacts</div>
<div class="code-name">&amp;#xe7fc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fc;</span>
<div class="name">new</div>
<div class="code-name">&amp;#xe8fc;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fd;</span>
<div class="name">checkstand</div>
<div class="code-name">&amp;#xe7fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fd;</span>
<div class="name">free</div>
<div class="code-name">&amp;#xe8fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7fe;</span>
<div class="name">aviation</div>
<div class="code-name">&amp;#xe7fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8fe;</span>
<div class="name">cad-fill</div>
<div class="code-name">&amp;#xe8fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe7ff;</span>
<div class="name">Daytime mode</div>
<div class="code-name">&amp;#xe7ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe8ff;</span>
<div class="name">robot</div>
<div class="code-name">&amp;#xe8ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe800;</span>
<div class="name">infant & mom</div>
<div class="code-name">&amp;#xe800;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe900;</span>
<div class="name">inspection</div>
<div class="code-name">&amp;#xe900;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe801;</span>
<div class="name">discounts</div>
<div class="code-name">&amp;#xe801;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe901;</span>
<div class="name">block</div>
<div class="code-name">&amp;#xe901;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe802;</span>
<div class="name">invoice</div>
<div class="code-name">&amp;#xe802;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe902;</span>
<div class="name">收货icon</div>
<div class="code-name">&amp;#xe902;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe803;</span>
<div class="name">insurance</div>
<div class="code-name">&amp;#xe803;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe804;</span>
<div class="name">night mode</div>
<div class="code-name">&amp;#xe804;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe805;</span>
<div class="name">user center</div>
<div class="code-name">&amp;#xe805;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe806;</span>
<div class="name">unlock</div>
<div class="code-name">&amp;#xe806;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe807;</span>
<div class="name">vip</div>
<div class="code-name">&amp;#xe807;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe808;</span>
<div class="name">wallet</div>
<div class="code-name">&amp;#xe808;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe809;</span>
<div class="name">land transportation</div>
<div class="code-name">&amp;#xe809;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80a;</span>
<div class="name">voice</div>
<div class="code-name">&amp;#xe80a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80b;</span>
<div class="name">exchange rate</div>
<div class="code-name">&amp;#xe80b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80c;</span>
<div class="name">contacts-fill</div>
<div class="code-name">&amp;#xe80c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80d;</span>
<div class="name">add-account</div>
<div class="code-name">&amp;#xe80d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80e;</span>
<div class="name">2years-fill</div>
<div class="code-name">&amp;#xe80e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe80f;</span>
<div class="name">add-cart-fill</div>
<div class="code-name">&amp;#xe80f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe810;</span>
<div class="name">add-fill</div>
<div class="code-name">&amp;#xe810;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe811;</span>
<div class="name">all-fill</div>
<div class="code-name">&amp;#xe811;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe812;</span>
<div class="name">ashbin-fill</div>
<div class="code-name">&amp;#xe812;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe813;</span>
<div class="name">calendar-fill</div>
<div class="code-name">&amp;#xe813;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe814;</span>
<div class="name">bad-fill</div>
<div class="code-name">&amp;#xe814;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe815;</span>
<div class="name">bussiness-man-fill</div>
<div class="code-name">&amp;#xe815;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe816;</span>
<div class="name">atm-fill</div>
<div class="code-name">&amp;#xe816;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe817;</span>
<div class="name">cart- full-fill</div>
<div class="code-name">&amp;#xe817;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe818;</span>
<div class="name">cart-Empty-fill</div>
<div class="code-name">&amp;#xe818;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe819;</span>
<div class="name">camera switching-fill</div>
<div class="code-name">&amp;#xe819;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81a;</span>
<div class="name">atm-away-fill</div>
<div class="code-name">&amp;#xe81a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81b;</span>
<div class="name">certified-supplier-fill</div>
<div class="code-name">&amp;#xe81b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81c;</span>
<div class="name">calculator-fill</div>
<div class="code-name">&amp;#xe81c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81d;</span>
<div class="name">clock-fill</div>
<div class="code-name">&amp;#xe81d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81e;</span>
<div class="name">ali-clould-fill</div>
<div class="code-name">&amp;#xe81e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe81f;</span>
<div class="name">color-fill</div>
<div class="code-name">&amp;#xe81f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe820;</span>
<div class="name">coupons-fill</div>
<div class="code-name">&amp;#xe820;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe821;</span>
<div class="name">cecurity-protection-fill</div>
<div class="code-name">&amp;#xe821;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe822;</span>
<div class="name">credit-level-fill</div>
<div class="code-name">&amp;#xe822;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6eb;</span>
<div class="name">auto</div>
<div class="code-name">&amp;#xe6eb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe823;</span>
<div class="name">default-template-fill</div>
<div class="code-name">&amp;#xe823;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ef;</span>
<div class="name">all</div>
<div class="code-name">&amp;#xe6ef;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe824;</span>
<div class="name">Currency Converter-fill</div>
<div class="code-name">&amp;#xe824;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f0;</span>
<div class="name">bussiness-man</div>
<div class="code-name">&amp;#xe6f0;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe825;</span>
<div class="name">Customer management-fill</div>
<div class="code-name">&amp;#xe825;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f2;</span>
<div class="name">component</div>
<div class="code-name">&amp;#xe6f2;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe826;</span>
<div class="name">discounts-fill</div>
<div class="code-name">&amp;#xe826;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f3;</span>
<div class="name">code</div>
<div class="code-name">&amp;#xe6f3;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe827;</span>
<div class="name">Daytime mode-fill</div>
<div class="code-name">&amp;#xe827;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f4;</span>
<div class="name">copy</div>
<div class="code-name">&amp;#xe6f4;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe828;</span>
<div class="name">exl-fill</div>
<div class="code-name">&amp;#xe828;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f5;</span>
<div class="name">dollar</div>
<div class="code-name">&amp;#xe6f5;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe829;</span>
<div class="name">cry-fill</div>
<div class="code-name">&amp;#xe829;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f8;</span>
<div class="name">history</div>
<div class="code-name">&amp;#xe6f8;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82a;</span>
<div class="name">email-fill</div>
<div class="code-name">&amp;#xe82a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f6;</span>
<div class="name">editor</div>
<div class="code-name">&amp;#xe6f6;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82b;</span>
<div class="name">filter-fill</div>
<div class="code-name">&amp;#xe82b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6f9;</span>
<div class="name">data</div>
<div class="code-name">&amp;#xe6f9;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82c;</span>
<div class="name">folder-fill</div>
<div class="code-name">&amp;#xe82c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fa;</span>
<div class="name">gift</div>
<div class="code-name">&amp;#xe6fa;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82d;</span>
<div class="name">feeds-fill</div>
<div class="code-name">&amp;#xe82d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fb;</span>
<div class="name">integral</div>
<div class="code-name">&amp;#xe6fb;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82e;</span>
<div class="name">gold-supplie-fill</div>
<div class="code-name">&amp;#xe82e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fd;</span>
<div class="name">nav-list</div>
<div class="code-name">&amp;#xe6fd;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe82f;</span>
<div class="name">form-fill</div>
<div class="code-name">&amp;#xe82f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6ff;</span>
<div class="name">pic</div>
<div class="code-name">&amp;#xe6ff;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe830;</span>
<div class="name">camera-fill</div>
<div class="code-name">&amp;#xe830;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe6fe;</span>
<div class="name">Not visible</div>
<div class="code-name">&amp;#xe6fe;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe831;</span>
<div class="name">good-fill</div>
<div class="code-name">&amp;#xe831;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe701;</span>
<div class="name">play</div>
<div class="code-name">&amp;#xe701;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe832;</span>
<div class="name">image-text-fill</div>
<div class="code-name">&amp;#xe832;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe703;</span>
<div class="name">rising</div>
<div class="code-name">&amp;#xe703;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe833;</span>
<div class="name">inspection-fill</div>
<div class="code-name">&amp;#xe833;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe704;</span>
<div class="name">QRcode</div>
<div class="code-name">&amp;#xe704;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe834;</span>
<div class="name">hot-fill</div>
<div class="code-name">&amp;#xe834;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe705;</span>
<div class="name">rmb</div>
<div class="code-name">&amp;#xe705;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe835;</span>
<div class="name">company-fill</div>
<div class="code-name">&amp;#xe835;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe707;</span>
<div class="name">similar-product</div>
<div class="code-name">&amp;#xe707;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe836;</span>
<div class="name">discount-fill</div>
<div class="code-name">&amp;#xe836;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe702;</span>
<div class="name">export services</div>
<div class="code-name">&amp;#xe702;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe837;</span>
<div class="name">insurance-fill</div>
<div class="code-name">&amp;#xe837;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe70d;</span>
<div class="name">send inquiry</div>
<div class="code-name">&amp;#xe70d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe838;</span>
<div class="name">inquiry-template-fill</div>
<div class="code-name">&amp;#xe838;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe718;</span>
<div class="name">all-fill</div>
<div class="code-name">&amp;#xe718;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe839;</span>
<div class="name">left button-fill</div>
<div class="code-name">&amp;#xe839;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe721;</span>
<div class="name">favorites-fill</div>
<div class="code-name">&amp;#xe721;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83a;</span>
<div class="name">integral-fill</div>
<div class="code-name">&amp;#xe83a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe726;</span>
<div class="name">integral-fill</div>
<div class="code-name">&amp;#xe726;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83b;</span>
<div class="name">help</div>
<div class="code-name">&amp;#xe83b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72a;</span>
<div class="name">namecard-fill</div>
<div class="code-name">&amp;#xe72a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83c;</span>
<div class="name">listing-content-fill</div>
<div class="code-name">&amp;#xe83c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72e;</span>
<div class="name">pic-fill</div>
<div class="code-name">&amp;#xe72e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83d;</span>
<div class="name">logistic-logo-fill</div>
<div class="code-name">&amp;#xe83d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe72f;</span>
<div class="name">play-fill</div>
<div class="code-name">&amp;#xe72f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83e;</span>
<div class="name">Money management-fill</div>
<div class="code-name">&amp;#xe83e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe730;</span>
<div class="name">prompt-fill</div>
<div class="code-name">&amp;#xe730;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe83f;</span>
<div class="name">manage-order-fill</div>
<div class="code-name">&amp;#xe83f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe738;</span>
<div class="name">stop-fill</div>
<div class="code-name">&amp;#xe738;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe840;</span>
<div class="name">multi-language-fill</div>
<div class="code-name">&amp;#xe840;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe741;</span>
<div class="name">3column</div>
<div class="code-name">&amp;#xe741;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe841;</span>
<div class="name">logistics-icon-fill</div>
<div class="code-name">&amp;#xe841;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe742;</span>
<div class="name">add-account</div>
<div class="code-name">&amp;#xe742;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe842;</span>
<div class="name">New user zone-fill</div>
<div class="code-name">&amp;#xe842;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe743;</span>
<div class="name">4column</div>
<div class="code-name">&amp;#xe743;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe843;</span>
<div class="name">night mode-fill</div>
<div class="code-name">&amp;#xe843;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe744;</span>
<div class="name">add</div>
<div class="code-name">&amp;#xe744;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe844;</span>
<div class="name">office-supplies-fill</div>
<div class="code-name">&amp;#xe844;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe745;</span>
<div class="name">agriculture</div>
<div class="code-name">&amp;#xe745;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe845;</span>
<div class="name">notice-fill</div>
<div class="code-name">&amp;#xe845;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe746;</span>
<div class="name">2years</div>
<div class="code-name">&amp;#xe746;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe846;</span>
<div class="name">mute</div>
<div class="code-name">&amp;#xe846;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe747;</span>
<div class="name">add-cart</div>
<div class="code-name">&amp;#xe747;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe847;</span>
<div class="name">order-fill</div>
<div class="code-name">&amp;#xe847;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe748;</span>
<div class="name">arrow-right</div>
<div class="code-name">&amp;#xe748;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe848;</span>
<div class="name">password</div>
<div class="code-name">&amp;#xe848;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe749;</span>
<div class="name">arrow-left</div>
<div class="code-name">&amp;#xe749;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe849;</span>
<div class="name">map</div>
<div class="code-name">&amp;#xe849;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74a;</span>
<div class="name">apparel</div>
<div class="code-name">&amp;#xe74a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84a;</span>
<div class="name">paylater-fill</div>
<div class="code-name">&amp;#xe84a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74b;</span>
<div class="name">all</div>
<div class="code-name">&amp;#xe74b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84b;</span>
<div class="name">phone-fill</div>
<div class="code-name">&amp;#xe84b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74c;</span>
<div class="name">arrow-up</div>
<div class="code-name">&amp;#xe74c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84c;</span>
<div class="name">online-tracking-fill</div>
<div class="code-name">&amp;#xe84c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74d;</span>
<div class="name">ascending</div>
<div class="code-name">&amp;#xe74d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84d;</span>
<div class="name">play-fill</div>
<div class="code-name">&amp;#xe84d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74e;</span>
<div class="name">ashbin</div>
<div class="code-name">&amp;#xe74e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84e;</span>
<div class="name">pdf-fill</div>
<div class="code-name">&amp;#xe84e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe74f;</span>
<div class="name">atm</div>
<div class="code-name">&amp;#xe74f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe84f;</span>
<div class="name">phone</div>
<div class="code-name">&amp;#xe84f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe750;</span>
<div class="name">bad</div>
<div class="code-name">&amp;#xe750;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe850;</span>
<div class="name">pin-fill</div>
<div class="code-name">&amp;#xe850;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe751;</span>
<div class="name">attachent</div>
<div class="code-name">&amp;#xe751;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe851;</span>
<div class="name">product-fill</div>
<div class="code-name">&amp;#xe851;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe752;</span>
<div class="name">browse</div>
<div class="code-name">&amp;#xe752;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe852;</span>
<div class="name">ranking list-fill</div>
<div class="code-name">&amp;#xe852;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe753;</span>
<div class="name">beauty</div>
<div class="code-name">&amp;#xe753;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe853;</span>
<div class="name">reduce-fill</div>
<div class="code-name">&amp;#xe853;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe754;</span>
<div class="name">atm-away</div>
<div class="code-name">&amp;#xe754;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe854;</span>
<div class="name">reeor-fill</div>
<div class="code-name">&amp;#xe854;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe755;</span>
<div class="name">assessed-badge</div>
<div class="code-name">&amp;#xe755;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe855;</span>
<div class="name">pic-fill</div>
<div class="code-name">&amp;#xe855;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe756;</span>
<div class="name">auto</div>
<div class="code-name">&amp;#xe756;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe856;</span>
<div class="name">ranking list</div>
<div class="code-name">&amp;#xe856;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe757;</span>
<div class="name">bags</div>
<div class="code-name">&amp;#xe757;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe857;</span>
<div class="name">product</div>
<div class="code-name">&amp;#xe857;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe758;</span>
<div class="name">calendar</div>
<div class="code-name">&amp;#xe758;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe858;</span>
<div class="name">prompt-fill</div>
<div class="code-name">&amp;#xe858;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe759;</span>
<div class="name">cart- full</div>
<div class="code-name">&amp;#xe759;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe859;</span>
<div class="name">resonse rate-fill</div>
<div class="code-name">&amp;#xe859;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75a;</span>
<div class="name">calculator</div>
<div class="code-name">&amp;#xe75a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85a;</span>
<div class="name">remind-fill</div>
<div class="code-name">&amp;#xe85a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75b;</span>
<div class="name">camera switching</div>
<div class="code-name">&amp;#xe75b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85b;</span>
<div class="name">Right button-fill</div>
<div class="code-name">&amp;#xe85b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75c;</span>
<div class="name">cecurity-protection</div>
<div class="code-name">&amp;#xe75c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85c;</span>
<div class="name">RFQ-logo-fill</div>
<div class="code-name">&amp;#xe85c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75d;</span>
<div class="name">category</div>
<div class="code-name">&amp;#xe75d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85d;</span>
<div class="name">RFQ-word-fill</div>
<div class="code-name">&amp;#xe85d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75e;</span>
<div class="name">close</div>
<div class="code-name">&amp;#xe75e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85e;</span>
<div class="name">search cart-fill</div>
<div class="code-name">&amp;#xe85e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe75f;</span>
<div class="name">certified-supplier</div>
<div class="code-name">&amp;#xe75f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe85f;</span>
<div class="name">sales center-fill</div>
<div class="code-name">&amp;#xe85f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe760;</span>
<div class="name">cart-Empty</div>
<div class="code-name">&amp;#xe760;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe860;</span>
<div class="name">save-fill</div>
<div class="code-name">&amp;#xe860;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe761;</span>
<div class="name">code</div>
<div class="code-name">&amp;#xe761;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe861;</span>
<div class="name">security-fill</div>
<div class="code-name">&amp;#xe861;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe762;</span>
<div class="name">color</div>
<div class="code-name">&amp;#xe762;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe862;</span>
<div class="name">category products-fill</div>
<div class="code-name">&amp;#xe862;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe763;</span>
<div class="name">conditions</div>
<div class="code-name">&amp;#xe763;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe863;</span>
<div class="name">signboard-fill</div>
<div class="code-name">&amp;#xe863;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe764;</span>
<div class="name">confirm</div>
<div class="code-name">&amp;#xe764;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe864;</span>
<div class="name">service-fill</div>
<div class="code-name">&amp;#xe864;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe765;</span>
<div class="name">company</div>
<div class="code-name">&amp;#xe765;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe865;</span>
<div class="name">shuffling-banner-fill</div>
<div class="code-name">&amp;#xe865;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe766;</span>
<div class="name">ali-clould</div>
<div class="code-name">&amp;#xe766;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe866;</span>
<div class="name">supplier-features-fill</div>
<div class="code-name">&amp;#xe866;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe767;</span>
<div class="name">copy</div>
<div class="code-name">&amp;#xe767;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe867;</span>
<div class="name">store-fill</div>
<div class="code-name">&amp;#xe867;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe768;</span>
<div class="name">credit-level</div>
<div class="code-name">&amp;#xe768;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe868;</span>
<div class="name">smile-fill</div>
<div class="code-name">&amp;#xe868;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe769;</span>
<div class="name">coupons</div>
<div class="code-name">&amp;#xe769;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe869;</span>
<div class="name">success-fill</div>
<div class="code-name">&amp;#xe869;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76a;</span>
<div class="name">connections</div>
<div class="code-name">&amp;#xe76a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86a;</span>
<div class="name">sound-filling-fill</div>
<div class="code-name">&amp;#xe86a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76b;</span>
<div class="name">cry</div>
<div class="code-name">&amp;#xe76b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86b;</span>
<div class="name">sound-Mute</div>
<div class="code-name">&amp;#xe86b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76c;</span>
<div class="name">costoms-alearance</div>
<div class="code-name">&amp;#xe76c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86c;</span>
<div class="name">suspended-fill</div>
<div class="code-name">&amp;#xe86c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76d;</span>
<div class="name">clock</div>
<div class="code-name">&amp;#xe76d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86d;</span>
<div class="name">tool-fill</div>
<div class="code-name">&amp;#xe86d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76e;</span>
<div class="name">Currency Converter</div>
<div class="code-name">&amp;#xe76e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86e;</span>
<div class="name">task-management-fill</div>
<div class="code-name">&amp;#xe86e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe76f;</span>
<div class="name">cut</div>
<div class="code-name">&amp;#xe76f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe86f;</span>
<div class="name">unlock-fill</div>
<div class="code-name">&amp;#xe86f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe770;</span>
<div class="name">data</div>
<div class="code-name">&amp;#xe770;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe870;</span>
<div class="name">trust-fill</div>
<div class="code-name">&amp;#xe870;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe771;</span>
<div class="name">Customer management</div>
<div class="code-name">&amp;#xe771;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe871;</span>
<div class="name">vip-fill</div>
<div class="code-name">&amp;#xe871;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe772;</span>
<div class="name">descending</div>
<div class="code-name">&amp;#xe772;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe872;</span>
<div class="name">set</div>
<div class="code-name">&amp;#xe872;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe773;</span>
<div class="name">double-arro- right</div>
<div class="code-name">&amp;#xe773;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe873;</span>
<div class="name">top-fill</div>
<div class="code-name">&amp;#xe873;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe774;</span>
<div class="name">customization</div>
<div class="code-name">&amp;#xe774;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe874;</span>
<div class="name">view larger</div>
<div class="code-name">&amp;#xe874;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe775;</span>
<div class="name">double-arrow-left</div>
<div class="code-name">&amp;#xe775;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe875;</span>
<div class="name">voice-fill</div>
<div class="code-name">&amp;#xe875;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe776;</span>
<div class="name">discount</div>
<div class="code-name">&amp;#xe776;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe876;</span>
<div class="name">warning-fill</div>
<div class="code-name">&amp;#xe876;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe777;</span>
<div class="name">download</div>
<div class="code-name">&amp;#xe777;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe877;</span>
<div class="name">warehouse-fill</div>
<div class="code-name">&amp;#xe877;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe778;</span>
<div class="name">dollar</div>
<div class="code-name">&amp;#xe778;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe878;</span>
<div class="name">zip-fill</div>
<div class="code-name">&amp;#xe878;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe779;</span>
<div class="name">default-template</div>
<div class="code-name">&amp;#xe779;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe879;</span>
<div class="name">trade-assurance-fill</div>
<div class="code-name">&amp;#xe879;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77a;</span>
<div class="name">editor</div>
<div class="code-name">&amp;#xe77a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87a;</span>
<div class="name">vs-fill</div>
<div class="code-name">&amp;#xe87a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77b;</span>
<div class="name">eletrical</div>
<div class="code-name">&amp;#xe77b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87b;</span>
<div class="name">video</div>
<div class="code-name">&amp;#xe87b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77c;</span>
<div class="name">electronics</div>
<div class="code-name">&amp;#xe77c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87c;</span>
<div class="name">template-fill</div>
<div class="code-name">&amp;#xe87c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe77d;</span>
<div class="name">etrical-equipm</div>
<div class="code-name">&amp;#xe77d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe87d;</span>
<div class="name">wallet</div>
<div class="code-name">&amp;#xe87d;</div>
</li>
</ul>
<div class="article markdown">
<h2 id="unicode-">Unicode 引用</h2>
<hr>
<p>Unicode 是字体在网页端最原始的应用方式,特点是:</p>
<ul>
<li>支持按字体的方式去动态调整图标大小,颜色等等。</li>
<li>默认情况下不支持多色,直接添加多色图标会自动去色。</li>
</ul>
<blockquote>
<p>注意:新版 iconfont 支持两种方式引用多色图标SVG symbol 引用方式和彩色字体图标模式。(使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。)</p>
</blockquote>
<p>Unicode 使用步骤如下:</p>
<h3 id="-font-face">第一步:拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1652585249336') format('woff2'),
url('iconfont.woff?t=1652585249336') format('woff'),
url('iconfont.ttf?t=1652585249336') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步:定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步:挑选相应图标并获取字体编码,应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont icon-ellipsis"></span>
<div class="name">
ellipsis
</div>
<div class="code-name">.icon-ellipsis
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-training1"></span>
<div class="name">
training
</div>
<div class="code-name">.icon-training1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-email"></span>
<div class="name">
email
</div>
<div class="code-name">.icon-email
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-packing-labeling-fill"></span>
<div class="name">
packing-labeling-fill
</div>
<div class="code-name">.icon-packing-labeling-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-falling"></span>
<div class="name">
falling
</div>
<div class="code-name">.icon-falling
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Exportservices-fill"></span>
<div class="name">
export services-fill
</div>
<div class="code-name">.icon-Exportservices-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-earth"></span>
<div class="name">
earth
</div>
<div class="code-name">.icon-earth
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-brand-fill"></span>
<div class="name">
brand-fill
</div>
<div class="code-name">.icon-brand-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-filter"></span>
<div class="name">
filter
</div>
<div class="code-name">.icon-filter
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-collection"></span>
<div class="name">
collection
</div>
<div class="code-name">.icon-collection
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-furniture"></span>
<div class="name">
furniture
</div>
<div class="code-name">.icon-furniture
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-consumption-fill"></span>
<div class="name">
consumption-fill
</div>
<div class="code-name">.icon-consumption-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folder"></span>
<div class="name">
folder
</div>
<div class="code-name">.icon-folder
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-collection-fill"></span>
<div class="name">
collection-fill
</div>
<div class="code-name">.icon-collection-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-feeds"></span>
<div class="name">
feeds
</div>
<div class="code-name">.icon-feeds
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-brand"></span>
<div class="name">
brand
</div>
<div class="code-name">.icon-brand
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-history1"></span>
<div class="name">
history
</div>
<div class="code-name">.icon-history1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rejected-order-fill"></span>
<div class="name">
rejected-order-fill
</div>
<div class="code-name">.icon-rejected-order-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-hardware"></span>
<div class="name">
hardware
</div>
<div class="code-name">.icon-hardware
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-homepage-ads-fill"></span>
<div class="name">
homepage-ads-fill
</div>
<div class="code-name">.icon-homepage-ads-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-help"></span>
<div class="name">
help
</div>
<div class="code-name">.icon-help
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-homepage-ads"></span>
<div class="name">
homepage-ads
</div>
<div class="code-name">.icon-homepage-ads
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-good"></span>
<div class="name">
good
</div>
<div class="code-name">.icon-good
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-scenes-fill"></span>
<div class="name">
scenes-fill
</div>
<div class="code-name">.icon-scenes-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Householdappliances"></span>
<div class="name">
Household appliances
</div>
<div class="code-name">.icon-Householdappliances
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-scenes"></span>
<div class="name">
scenes
</div>
<div class="code-name">.icon-scenes
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gift1"></span>
<div class="name">
gift
</div>
<div class="code-name">.icon-gift1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-similar-product-fill"></span>
<div class="name">
similar-product-fill
</div>
<div class="code-name">.icon-similar-product-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-form"></span>
<div class="name">
form
</div>
<div class="code-name">.icon-form
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-topraning-fill"></span>
<div class="name">
topraning-fill
</div>
<div class="code-name">.icon-topraning-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-image-text"></span>
<div class="name">
image-text
</div>
<div class="code-name">.icon-image-text
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-consumption"></span>
<div class="name">
consumption
</div>
<div class="code-name">.icon-consumption
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-hot"></span>
<div class="name">
hot
</div>
<div class="code-name">.icon-hot
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-topraning"></span>
<div class="name">
topraning
</div>
<div class="code-name">.icon-topraning
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-inspection"></span>
<div class="name">
inspection
</div>
<div class="code-name">.icon-inspection
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gold-supplier"></span>
<div class="name">
gold-supplier
</div>
<div class="code-name">.icon-gold-supplier
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-leftbutton"></span>
<div class="name">
left button
</div>
<div class="code-name">.icon-leftbutton
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-messagecenter-fill"></span>
<div class="name">
message center-fill
</div>
<div class="code-name">.icon-messagecenter-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jewelry"></span>
<div class="name">
jewelry
</div>
<div class="code-name">.icon-jewelry
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quick"></span>
<div class="name">
quick
</div>
<div class="code-name">.icon-quick
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ipad"></span>
<div class="name">
ipad
</div>
<div class="code-name">.icon-ipad
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-writing"></span>
<div class="name">
writing
</div>
<div class="code-name">.icon-writing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-leftarrow"></span>
<div class="name">
left arrow
</div>
<div class="code-name">.icon-leftarrow
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-docjpge-fill"></span>
<div class="name">
doc-fill
</div>
<div class="code-name">.icon-docjpge-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-integral1"></span>
<div class="name">
integral
</div>
<div class="code-name">.icon-integral1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jpge-fill"></span>
<div class="name">
jpge-fill
</div>
<div class="code-name">.icon-jpge-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kitchen"></span>
<div class="name">
kitchen
</div>
<div class="code-name">.icon-kitchen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gifjpge-fill"></span>
<div class="name">
gif-fill
</div>
<div class="code-name">.icon-gifjpge-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-inquiry-template"></span>
<div class="name">
inquiry-template
</div>
<div class="code-name">.icon-inquiry-template
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bmpjpge-fill"></span>
<div class="name">
bmp-fill
</div>
<div class="code-name">.icon-bmpjpge-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-link"></span>
<div class="name">
link
</div>
<div class="code-name">.icon-link
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tifjpge-fill"></span>
<div class="name">
tif-fill
</div>
<div class="code-name">.icon-tifjpge-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-libra"></span>
<div class="name">
libra
</div>
<div class="code-name">.icon-libra
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pngjpge-fill"></span>
<div class="name">
png-fill
</div>
<div class="code-name">.icon-pngjpge-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-loading"></span>
<div class="name">
loading
</div>
<div class="code-name">.icon-loading
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Hometextile"></span>
<div class="name">
home
</div>
<div class="code-name">.icon-Hometextile
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-listing-content"></span>
<div class="name">
listing-content
</div>
<div class="code-name">.icon-listing-content
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-home"></span>
<div class="name">
home
</div>
<div class="code-name">.icon-home
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-lights"></span>
<div class="name">
lights
</div>
<div class="code-name">.icon-lights
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sendinquiry-fill"></span>
<div class="name">
send inquiry-fill
</div>
<div class="code-name">.icon-sendinquiry-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-logistics-icon"></span>
<div class="name">
logistics-icon
</div>
<div class="code-name">.icon-logistics-icon
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-comments-fill"></span>
<div class="name">
comments-fill
</div>
<div class="code-name">.icon-comments-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-messagecenter"></span>
<div class="name">
message center
</div>
<div class="code-name">.icon-messagecenter
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-account-fill"></span>
<div class="name">
account-fill
</div>
<div class="code-name">.icon-account-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mobile-phone"></span>
<div class="name">
mobile-phone
</div>
<div class="code-name">.icon-mobile-phone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-feed-logo-fill"></span>
<div class="name">
feed-logo-fill
</div>
<div class="code-name">.icon-feed-logo-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-manage-order"></span>
<div class="name">
manage-order
</div>
<div class="code-name">.icon-manage-order
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-feed-logo"></span>
<div class="name">
feed-logo
</div>
<div class="code-name">.icon-feed-logo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-move"></span>
<div class="name">
move
</div>
<div class="code-name">.icon-move
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-home-fill"></span>
<div class="name">
home-fill
</div>
<div class="code-name">.icon-home-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Moneymanagement"></span>
<div class="name">
Money management
</div>
<div class="code-name">.icon-Moneymanagement
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-select"></span>
<div class="name">
add-select
</div>
<div class="code-name">.icon-add-select
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-namecard"></span>
<div class="name">
namecard
</div>
<div class="code-name">.icon-namecard
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sami-select"></span>
<div class="name">
sami-select
</div>
<div class="code-name">.icon-sami-select
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-map"></span>
<div class="name">
map
</div>
<div class="code-name">.icon-map
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-camera"></span>
<div class="name">
camera
</div>
<div class="code-name">.icon-camera
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Newuserzone"></span>
<div class="name">
New user zone
</div>
<div class="code-name">.icon-Newuserzone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-down"></span>
<div class="name">
arrow-down
</div>
<div class="code-name">.icon-arrow-down
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-multi-language"></span>
<div class="name">
multi-language
</div>
<div class="code-name">.icon-multi-language
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-account"></span>
<div class="name">
account
</div>
<div class="code-name">.icon-account
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-office"></span>
<div class="name">
office
</div>
<div class="code-name">.icon-office
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-comments"></span>
<div class="name">
comments
</div>
<div class="code-name">.icon-comments
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-notice"></span>
<div class="name">
notice
</div>
<div class="code-name">.icon-notice
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart-Empty1"></span>
<div class="name">
cart-Empty
</div>
<div class="code-name">.icon-cart-Empty1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ontimeshipment"></span>
<div class="name">
on time shipment
</div>
<div class="code-name">.icon-ontimeshipment
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-favorites"></span>
<div class="name">
favorites
</div>
<div class="code-name">.icon-favorites
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-office-supplies"></span>
<div class="name">
office-supplies
</div>
<div class="code-name">.icon-office-supplies
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-order"></span>
<div class="name">
order
</div>
<div class="code-name">.icon-order
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-password"></span>
<div class="name">
password
</div>
<div class="code-name">.icon-password
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-search"></span>
<div class="name">
search
</div>
<div class="code-name">.icon-search
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Notvisible1"></span>
<div class="name">
Not visible
</div>
<div class="code-name">.icon-Notvisible1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-trade-assurance"></span>
<div class="name">
trade-assurance
</div>
<div class="code-name">.icon-trade-assurance
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-operation"></span>
<div class="name">
operation
</div>
<div class="code-name">.icon-operation
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-usercenter1"></span>
<div class="name">
user center
</div>
<div class="code-name">.icon-usercenter1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-packaging"></span>
<div class="name">
packaging
</div>
<div class="code-name">.icon-packaging
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tradingdata"></span>
<div class="name">
trading data
</div>
<div class="code-name">.icon-tradingdata
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-online-tracking"></span>
<div class="name">
online-tracking
</div>
<div class="code-name">.icon-online-tracking
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-microphone"></span>
<div class="name">
microphone
</div>
<div class="code-name">.icon-microphone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-packing-labeling"></span>
<div class="name">
packing-labeling
</div>
<div class="code-name">.icon-packing-labeling
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-txt"></span>
<div class="name">
txt
</div>
<div class="code-name">.icon-txt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone"></span>
<div class="name">
phone
</div>
<div class="code-name">.icon-phone
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xlsx"></span>
<div class="name">
xlsx
</div>
<div class="code-name">.icon-xlsx
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pic1"></span>
<div class="name">
pic
</div>
<div class="code-name">.icon-pic1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-banzhengfuwu"></span>
<div class="name">
办证服务
</div>
<div class="code-name">.icon-banzhengfuwu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pin"></span>
<div class="name">
pin
</div>
<div class="code-name">.icon-pin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cangku"></span>
<div class="name">
仓库
</div>
<div class="code-name">.icon-cangku
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-play1"></span>
<div class="name">
play
</div>
<div class="code-name">.icon-play1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daibancaishui"></span>
<div class="name">
代办财税
</div>
<div class="code-name">.icon-daibancaishui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-logistic-logo"></span>
<div class="name">
logistic-logo
</div>
<div class="code-name">.icon-logistic-logo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jizhuangxiang"></span>
<div class="name">
集装箱
</div>
<div class="code-name">.icon-jizhuangxiang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-print"></span>
<div class="name">
print
</div>
<div class="code-name">.icon-print
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiaobiao"></span>
<div class="name">
角标
</div>
<div class="code-name">.icon-jiaobiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-product"></span>
<div class="name">
product
</div>
<div class="code-name">.icon-product
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kehupandian"></span>
<div class="name">
客户盘点
</div>
<div class="code-name">.icon-kehupandian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-machinery"></span>
<div class="name">
machinery
</div>
<div class="code-name">.icon-machinery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dongtai"></span>
<div class="name">
动态
</div>
<div class="code-name">.icon-dongtai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-process"></span>
<div class="name">
process
</div>
<div class="code-name">.icon-process
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-daikuan"></span>
<div class="name">
贷款
</div>
<div class="code-name">.icon-daikuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-prompt"></span>
<div class="name">
prompt
</div>
<div class="code-name">.icon-prompt
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shengyijing"></span>
<div class="name">
生意经
</div>
<div class="code-name">.icon-shengyijing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-QRcode1"></span>
<div class="name">
QRcode
</div>
<div class="code-name">.icon-QRcode1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-jiehui"></span>
<div class="name">
结汇
</div>
<div class="code-name">.icon-jiehui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reeor"></span>
<div class="name">
reeor
</div>
<div class="code-name">.icon-reeor
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-fencengpeizhi"></span>
<div class="name">
分层配置
</div>
<div class="code-name">.icon-fencengpeizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reduce"></span>
<div class="name">
reduce
</div>
<div class="code-name">.icon-reduce
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shenqingjilu"></span>
<div class="name">
申请记录
</div>
<div class="code-name">.icon-shenqingjilu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Non-staplefood"></span>
<div class="name">
Non-staple food
</div>
<div class="code-name">.icon-Non-staplefood
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangchuanbeiandanzheng"></span>
<div class="name">
上传备案单证
</div>
<div class="code-name">.icon-shangchuanbeiandanzheng
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rejected-order"></span>
<div class="name">
rejected-order
</div>
<div class="code-name">.icon-rejected-order
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shangchuan"></span>
<div class="name">
上传
</div>
<div class="code-name">.icon-shangchuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-resonserate"></span>
<div class="name">
resonse rate
</div>
<div class="code-name">.icon-resonserate
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kehuquanyi"></span>
<div class="name">
客户权益
</div>
<div class="code-name">.icon-kehuquanyi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-remind"></span>
<div class="name">
remind
</div>
<div class="code-name">.icon-remind
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suoxiao"></span>
<div class="name">
缩小
</div>
<div class="code-name">.icon-suoxiao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-responsetime"></span>
<div class="name">
response time
</div>
<div class="code-name">.icon-responsetime
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-quanyipeizhi"></span>
<div class="name">
权益配置
</div>
<div class="code-name">.icon-quanyipeizhi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-return"></span>
<div class="name">
return
</div>
<div class="code-name">.icon-return
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shuangshen"></span>
<div class="name">
双审
</div>
<div class="code-name">.icon-shuangshen
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paylater"></span>
<div class="name">
paylater
</div>
<div class="code-name">.icon-paylater
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tongguan"></span>
<div class="name">
通关
</div>
<div class="code-name">.icon-tongguan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rising1"></span>
<div class="name">
rising
</div>
<div class="code-name">.icon-rising1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuishui"></span>
<div class="name">
退税
</div>
<div class="code-name">.icon-tuishui
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Rightarrow"></span>
<div class="name">
Right arrow
</div>
<div class="code-name">.icon-Rightarrow
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tongguanshuju"></span>
<div class="name">
通关数据
</div>
<div class="code-name">.icon-tongguanshuju
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rmb1"></span>
<div class="name">
rmb
</div>
<div class="code-name">.icon-rmb1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-kuaidiwuliu"></span>
<div class="name">
快递物流
</div>
<div class="code-name">.icon-kuaidiwuliu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-RFQ-logo"></span>
<div class="name">
RFQ-logo
</div>
<div class="code-name">.icon-RFQ-logo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wuliuchanpin"></span>
<div class="name">
物流产品
</div>
<div class="code-name">.icon-wuliuchanpin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-save"></span>
<div class="name">
save
</div>
<div class="code-name">.icon-save
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-waihuishuju"></span>
<div class="name">
外汇数据
</div>
<div class="code-name">.icon-waihuishuju
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-scanning"></span>
<div class="name">
scanning
</div>
<div class="code-name">.icon-scanning
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinxibar_shouji"></span>
<div class="name">
信息bar_手机
</div>
<div class="code-name">.icon-xinxibar_shouji
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-security"></span>
<div class="name">
security
</div>
<div class="code-name">.icon-security
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinwaizongyewu"></span>
<div class="name">
新外综业务
</div>
<div class="code-name">.icon-xinwaizongyewu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-salescenter"></span>
<div class="name">
sales center
</div>
<div class="code-name">.icon-salescenter
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wuliudingdan"></span>
<div class="name">
物流订单
</div>
<div class="code-name">.icon-wuliudingdan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-seleted"></span>
<div class="name">
seleted
</div>
<div class="code-name">.icon-seleted
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhongjianren"></span>
<div class="name">
中间人
</div>
<div class="code-name">.icon-zhongjianren
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-searchcart"></span>
<div class="name">
search cart
</div>
<div class="code-name">.icon-searchcart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xinxibar_zhanghu"></span>
<div class="name">
信息bar_账户
</div>
<div class="code-name">.icon-xinxibar_zhanghu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-raw"></span>
<div class="name">
raw
</div>
<div class="code-name">.icon-raw
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yidatong"></span>
<div class="name">
一达通
</div>
<div class="code-name">.icon-yidatong
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-service"></span>
<div class="name">
service
</div>
<div class="code-name">.icon-service
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhuanyequanwei"></span>
<div class="name">
专业权威
</div>
<div class="code-name">.icon-zhuanyequanwei
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-share"></span>
<div class="name">
share
</div>
<div class="code-name">.icon-share
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhanghucaozuo"></span>
<div class="name">
账户操作
</div>
<div class="code-name">.icon-zhanghucaozuo
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-signboard"></span>
<div class="name">
signboard
</div>
<div class="code-name">.icon-signboard
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xuanzhuandu"></span>
<div class="name">
旋转90度
</div>
<div class="code-name">.icon-xuanzhuandu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shuffling-banner"></span>
<div class="name">
shuffling-banner
</div>
<div class="code-name">.icon-shuffling-banner
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tuishuirongzi"></span>
<div class="name">
退税融资
</div>
<div class="code-name">.icon-tuishuirongzi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Rightbutton"></span>
<div class="name">
Right button
</div>
<div class="code-name">.icon-Rightbutton
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-AddProducts"></span>
<div class="name">
Add Products
</div>
<div class="code-name">.icon-AddProducts
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sorting"></span>
<div class="name">
sorting
</div>
<div class="code-name">.icon-sorting
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ziyingyewu"></span>
<div class="name">
自营业务
</div>
<div class="code-name">.icon-ziyingyewu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sound-Mute"></span>
<div class="name">
sound-Mute
</div>
<div class="code-name">.icon-sound-Mute
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-addcell"></span>
<div class="name">
addcell
</div>
<div class="code-name">.icon-addcell
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Similarproducts"></span>
<div class="name">
category products
</div>
<div class="code-name">.icon-Similarproducts
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-background-color"></span>
<div class="name">
background-color
</div>
<div class="code-name">.icon-background-color
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sound-filling"></span>
<div class="name">
sound-filling
</div>
<div class="code-name">.icon-sound-filling
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cascades"></span>
<div class="name">
cascades
</div>
<div class="code-name">.icon-cascades
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suggest"></span>
<div class="name">
suggest
</div>
<div class="code-name">.icon-suggest
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-beijing"></span>
<div class="name">
beijing
</div>
<div class="code-name">.icon-beijing
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-stop"></span>
<div class="name">
stop
</div>
<div class="code-name">.icon-stop
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bold"></span>
<div class="name">
bold
</div>
<div class="code-name">.icon-bold
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-success"></span>
<div class="name">
success
</div>
<div class="code-name">.icon-success
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zijin"></span>
<div class="name">
资金
</div>
<div class="code-name">.icon-zijin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-supplier-features"></span>
<div class="name">
supplier-features
</div>
<div class="code-name">.icon-supplier-features
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eraser"></span>
<div class="name">
eraser
</div>
<div class="code-name">.icon-eraser
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-switch"></span>
<div class="name">
switch
</div>
<div class="code-name">.icon-switch
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-centeralignment"></span>
<div class="name">
centeralignment
</div>
<div class="code-name">.icon-centeralignment
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-survey"></span>
<div class="name">
survey
</div>
<div class="code-name">.icon-survey
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-click"></span>
<div class="name">
click
</div>
<div class="code-name">.icon-click
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-template"></span>
<div class="name">
template
</div>
<div class="code-name">.icon-template
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-aspjiesuan"></span>
<div class="name">
asp结算
</div>
<div class="code-name">.icon-aspjiesuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-text"></span>
<div class="name">
text
</div>
<div class="code-name">.icon-text
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-flag"></span>
<div class="name">
flag
</div>
<div class="code-name">.icon-flag
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suspended"></span>
<div class="name">
suspended
</div>
<div class="code-name">.icon-suspended
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-falg-fill"></span>
<div class="name">
falg-fill
</div>
<div class="code-name">.icon-falg-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-task-management"></span>
<div class="name">
task-management
</div>
<div class="code-name">.icon-task-management
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Fee"></span>
<div class="name">
Fee
</div>
<div class="code-name">.icon-Fee
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tool"></span>
<div class="name">
tool
</div>
<div class="code-name">.icon-tool
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-filling"></span>
<div class="name">
filling
</div>
<div class="code-name">.icon-filling
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Top"></span>
<div class="name">
top
</div>
<div class="code-name">.icon-Top
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Foreigncurrency"></span>
<div class="name">
Foreign currency
</div>
<div class="code-name">.icon-Foreigncurrency
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-smile"></span>
<div class="name">
smile
</div>
<div class="code-name">.icon-smile
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-guanliyuan"></span>
<div class="name">
guanliyuan
</div>
<div class="code-name">.icon-guanliyuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-textile-products"></span>
<div class="name">
textile-products
</div>
<div class="code-name">.icon-textile-products
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-language"></span>
<div class="name">
language
</div>
<div class="code-name">.icon-language
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tradealert"></span>
<div class="name">
trade alert
</div>
<div class="code-name">.icon-tradealert
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-leftalignment"></span>
<div class="name">
leftalignment
</div>
<div class="code-name">.icon-leftalignment
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-topsales"></span>
<div class="name">
top sales
</div>
<div class="code-name">.icon-topsales
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-extra-inquiries"></span>
<div class="name">
extra-inquiries
</div>
<div class="code-name">.icon-extra-inquiries
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tradingvolume"></span>
<div class="name">
trading volume
</div>
<div class="code-name">.icon-tradingvolume
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Italic"></span>
<div class="name">
Italic
</div>
<div class="code-name">.icon-Italic
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-training"></span>
<div class="name">
training
</div>
<div class="code-name">.icon-training
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pcm"></span>
<div class="name">
pcm
</div>
<div class="code-name">.icon-pcm
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-upload"></span>
<div class="name">
upload
</div>
<div class="code-name">.icon-upload
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reducecell"></span>
<div class="name">
reducecell
</div>
<div class="code-name">.icon-reducecell
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-RFQ-word"></span>
<div class="name">
RFQ-word
</div>
<div class="code-name">.icon-RFQ-word
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rightalignment"></span>
<div class="name">
rightalignment
</div>
<div class="code-name">.icon-rightalignment
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-viewlarger"></span>
<div class="name">
view larger
</div>
<div class="code-name">.icon-viewlarger
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pointerleft"></span>
<div class="name">
pointerleft
</div>
<div class="code-name">.icon-pointerleft
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-viewgallery"></span>
<div class="name">
viewgallery
</div>
<div class="code-name">.icon-viewgallery
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-subscript"></span>
<div class="name">
subscript
</div>
<div class="code-name">.icon-subscript
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vehivles"></span>
<div class="name">
vehivles
</div>
<div class="code-name">.icon-vehivles
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-square"></span>
<div class="name">
square
</div>
<div class="code-name">.icon-square
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-trust"></span>
<div class="name">
trust
</div>
<div class="code-name">.icon-trust
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-superscript"></span>
<div class="name">
superscript
</div>
<div class="code-name">.icon-superscript
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-warning"></span>
<div class="name">
warning
</div>
<div class="code-name">.icon-warning
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tag-subscript"></span>
<div class="name">
tag-subscript
</div>
<div class="code-name">.icon-tag-subscript
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-warehouse"></span>
<div class="name">
warehouse
</div>
<div class="code-name">.icon-warehouse
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-danjuzhuanhuan"></span>
<div class="name">
单据转换
</div>
<div class="code-name">.icon-danjuzhuanhuan
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shoes"></span>
<div class="name">
shoes
</div>
<div class="code-name">.icon-shoes
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Transfermoney"></span>
<div class="name">
Transfer money
</div>
<div class="code-name">.icon-Transfermoney
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-video"></span>
<div class="name">
video
</div>
<div class="code-name">.icon-video
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-under-line"></span>
<div class="name">
under-line
</div>
<div class="code-name">.icon-under-line
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-viewlist"></span>
<div class="name">
viewlist
</div>
<div class="code-name">.icon-viewlist
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-xiakuangxian"></span>
<div class="name">
xiakuangxian
</div>
<div class="code-name">.icon-xiakuangxian
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-set"></span>
<div class="name">
set
</div>
<div class="code-name">.icon-set
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shouqi"></span>
<div class="name">
收起
</div>
<div class="code-name">.icon-shouqi
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-store"></span>
<div class="name">
store
</div>
<div class="code-name">.icon-store
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zhankai"></span>
<div class="name">
展开
</div>
<div class="code-name">.icon-zhankai
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tool-hardware"></span>
<div class="name">
tool-hardware
</div>
<div class="code-name">.icon-tool-hardware
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tongxunlu"></span>
<div class="name">
通讯录
</div>
<div class="code-name">.icon-tongxunlu
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vs"></span>
<div class="name">
vs
</div>
<div class="code-name">.icon-vs
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-yiguanzhugongyingshang"></span>
<div class="name">
已关注供应商
</div>
<div class="code-name">.icon-yiguanzhugongyingshang
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-toy"></span>
<div class="name">
toy
</div>
<div class="code-name">.icon-toy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-goumaipianhao"></span>
<div class="name">
购买偏好
</div>
<div class="code-name">.icon-goumaipianhao
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sport"></span>
<div class="name">
sport
</div>
<div class="code-name">.icon-sport
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Subscribe"></span>
<div class="name">
Subscribe
</div>
<div class="code-name">.icon-Subscribe
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-creditcard"></span>
<div class="name">
credit card
</div>
<div class="code-name">.icon-creditcard
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-becomeagoldsupplier"></span>
<div class="name">
become a gold supplier
</div>
<div class="code-name">.icon-becomeagoldsupplier
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-contacts"></span>
<div class="name">
contacts
</div>
<div class="code-name">.icon-contacts
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-new"></span>
<div class="name">
new
</div>
<div class="code-name">.icon-new
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-checkstand"></span>
<div class="name">
checkstand
</div>
<div class="code-name">.icon-checkstand
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-free"></span>
<div class="name">
free
</div>
<div class="code-name">.icon-free
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-aviation"></span>
<div class="name">
aviation
</div>
<div class="code-name">.icon-aviation
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cad-fill"></span>
<div class="name">
cad-fill
</div>
<div class="code-name">.icon-cad-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Daytimemode"></span>
<div class="name">
Daytime mode
</div>
<div class="code-name">.icon-Daytimemode
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-robot"></span>
<div class="name">
robot
</div>
<div class="code-name">.icon-robot
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-infantmom"></span>
<div class="name">
infant & mom
</div>
<div class="code-name">.icon-infantmom
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-inspection1"></span>
<div class="name">
inspection
</div>
<div class="code-name">.icon-inspection1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-discounts"></span>
<div class="name">
discounts
</div>
<div class="code-name">.icon-discounts
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-block"></span>
<div class="name">
block
</div>
<div class="code-name">.icon-block
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-invoice"></span>
<div class="name">
invoice
</div>
<div class="code-name">.icon-invoice
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shouhuoicon"></span>
<div class="name">
收货icon
</div>
<div class="code-name">.icon-shouhuoicon
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-insurance"></span>
<div class="name">
insurance
</div>
<div class="code-name">.icon-insurance
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nightmode"></span>
<div class="name">
night mode
</div>
<div class="code-name">.icon-nightmode
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-usercenter"></span>
<div class="name">
user center
</div>
<div class="code-name">.icon-usercenter
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-unlock"></span>
<div class="name">
unlock
</div>
<div class="code-name">.icon-unlock
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vip"></span>
<div class="name">
vip
</div>
<div class="code-name">.icon-vip
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wallet"></span>
<div class="name">
wallet
</div>
<div class="code-name">.icon-wallet
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-landtransportation"></span>
<div class="name">
land transportation
</div>
<div class="code-name">.icon-landtransportation
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-voice"></span>
<div class="name">
voice
</div>
<div class="code-name">.icon-voice
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exchangerate"></span>
<div class="name">
exchange rate
</div>
<div class="code-name">.icon-exchangerate
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-contacts-fill"></span>
<div class="name">
contacts-fill
</div>
<div class="code-name">.icon-contacts-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-account1"></span>
<div class="name">
add-account
</div>
<div class="code-name">.icon-add-account1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-years-fill"></span>
<div class="name">
2years-fill
</div>
<div class="code-name">.icon-years-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-cart-fill"></span>
<div class="name">
add-cart-fill
</div>
<div class="code-name">.icon-add-cart-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-fill"></span>
<div class="name">
add-fill
</div>
<div class="code-name">.icon-add-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-all-fill1"></span>
<div class="name">
all-fill
</div>
<div class="code-name">.icon-all-fill1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ashbin-fill"></span>
<div class="name">
ashbin-fill
</div>
<div class="code-name">.icon-ashbin-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-calendar-fill"></span>
<div class="name">
calendar-fill
</div>
<div class="code-name">.icon-calendar-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bad-fill"></span>
<div class="name">
bad-fill
</div>
<div class="code-name">.icon-bad-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bussiness-man-fill"></span>
<div class="name">
bussiness-man-fill
</div>
<div class="code-name">.icon-bussiness-man-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-atm-fill"></span>
<div class="name">
atm-fill
</div>
<div class="code-name">.icon-atm-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart-full-fill"></span>
<div class="name">
cart- full-fill
</div>
<div class="code-name">.icon-cart-full-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart-Empty-fill"></span>
<div class="name">
cart-Empty-fill
</div>
<div class="code-name">.icon-cart-Empty-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cameraswitching-fill"></span>
<div class="name">
camera switching-fill
</div>
<div class="code-name">.icon-cameraswitching-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-atm-away-fill"></span>
<div class="name">
atm-away-fill
</div>
<div class="code-name">.icon-atm-away-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-certified-supplier-fill"></span>
<div class="name">
certified-supplier-fill
</div>
<div class="code-name">.icon-certified-supplier-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-calculator-fill"></span>
<div class="name">
calculator-fill
</div>
<div class="code-name">.icon-calculator-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clock-fill"></span>
<div class="name">
clock-fill
</div>
<div class="code-name">.icon-clock-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ali-clould-fill"></span>
<div class="name">
ali-clould-fill
</div>
<div class="code-name">.icon-ali-clould-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-color-fill"></span>
<div class="name">
color-fill
</div>
<div class="code-name">.icon-color-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-coupons-fill"></span>
<div class="name">
coupons-fill
</div>
<div class="code-name">.icon-coupons-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cecurity-protection-fill"></span>
<div class="name">
cecurity-protection-fill
</div>
<div class="code-name">.icon-cecurity-protection-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-credit-level-fill"></span>
<div class="name">
credit-level-fill
</div>
<div class="code-name">.icon-credit-level-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-auto"></span>
<div class="name">
auto
</div>
<div class="code-name">.icon-auto
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-default-template-fill"></span>
<div class="name">
default-template-fill
</div>
<div class="code-name">.icon-default-template-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-all"></span>
<div class="name">
all
</div>
<div class="code-name">.icon-all
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-CurrencyConverter-fill"></span>
<div class="name">
Currency Converter-fill
</div>
<div class="code-name">.icon-CurrencyConverter-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bussiness-man"></span>
<div class="name">
bussiness-man
</div>
<div class="code-name">.icon-bussiness-man
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Customermanagement-fill"></span>
<div class="name">
Customer management-fill
</div>
<div class="code-name">.icon-Customermanagement-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-component"></span>
<div class="name">
component
</div>
<div class="code-name">.icon-component
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-discounts-fill"></span>
<div class="name">
discounts-fill
</div>
<div class="code-name">.icon-discounts-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-code"></span>
<div class="name">
code
</div>
<div class="code-name">.icon-code
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Daytimemode-fill"></span>
<div class="name">
Daytime mode-fill
</div>
<div class="code-name">.icon-Daytimemode-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-copy"></span>
<div class="name">
copy
</div>
<div class="code-name">.icon-copy
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-exl-fill"></span>
<div class="name">
exl-fill
</div>
<div class="code-name">.icon-exl-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dollar"></span>
<div class="name">
dollar
</div>
<div class="code-name">.icon-dollar
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cry-fill"></span>
<div class="name">
cry-fill
</div>
<div class="code-name">.icon-cry-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-history"></span>
<div class="name">
history
</div>
<div class="code-name">.icon-history
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-email-fill"></span>
<div class="name">
email-fill
</div>
<div class="code-name">.icon-email-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-editor"></span>
<div class="name">
editor
</div>
<div class="code-name">.icon-editor
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-filter-fill"></span>
<div class="name">
filter-fill
</div>
<div class="code-name">.icon-filter-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-data"></span>
<div class="name">
data
</div>
<div class="code-name">.icon-data
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-folder-fill"></span>
<div class="name">
folder-fill
</div>
<div class="code-name">.icon-folder-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gift"></span>
<div class="name">
gift
</div>
<div class="code-name">.icon-gift
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-feeds-fill"></span>
<div class="name">
feeds-fill
</div>
<div class="code-name">.icon-feeds-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-integral"></span>
<div class="name">
integral
</div>
<div class="code-name">.icon-integral
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-gold-supplie-fill"></span>
<div class="name">
gold-supplie-fill
</div>
<div class="code-name">.icon-gold-supplie-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nav-list"></span>
<div class="name">
nav-list
</div>
<div class="code-name">.icon-nav-list
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-form-fill"></span>
<div class="name">
form-fill
</div>
<div class="code-name">.icon-form-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pic"></span>
<div class="name">
pic
</div>
<div class="code-name">.icon-pic
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-camera-fill"></span>
<div class="name">
camera-fill
</div>
<div class="code-name">.icon-camera-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Notvisible"></span>
<div class="name">
Not visible
</div>
<div class="code-name">.icon-Notvisible
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-good-fill"></span>
<div class="name">
good-fill
</div>
<div class="code-name">.icon-good-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-play"></span>
<div class="name">
play
</div>
<div class="code-name">.icon-play
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-image-text-fill"></span>
<div class="name">
image-text-fill
</div>
<div class="code-name">.icon-image-text-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rising"></span>
<div class="name">
rising
</div>
<div class="code-name">.icon-rising
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-inspection-fill"></span>
<div class="name">
inspection-fill
</div>
<div class="code-name">.icon-inspection-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-QRcode"></span>
<div class="name">
QRcode
</div>
<div class="code-name">.icon-QRcode
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-hot-fill"></span>
<div class="name">
hot-fill
</div>
<div class="code-name">.icon-hot-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rmb"></span>
<div class="name">
rmb
</div>
<div class="code-name">.icon-rmb
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-company-fill"></span>
<div class="name">
company-fill
</div>
<div class="code-name">.icon-company-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-similar-product"></span>
<div class="name">
similar-product
</div>
<div class="code-name">.icon-similar-product
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-discount-fill"></span>
<div class="name">
discount-fill
</div>
<div class="code-name">.icon-discount-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Exportservices"></span>
<div class="name">
export services
</div>
<div class="code-name">.icon-Exportservices
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-insurance-fill"></span>
<div class="name">
insurance-fill
</div>
<div class="code-name">.icon-insurance-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sendinquiry"></span>
<div class="name">
send inquiry
</div>
<div class="code-name">.icon-sendinquiry
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-inquiry-template-fill"></span>
<div class="name">
inquiry-template-fill
</div>
<div class="code-name">.icon-inquiry-template-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-all-fill"></span>
<div class="name">
all-fill
</div>
<div class="code-name">.icon-all-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-leftbutton-fill"></span>
<div class="name">
left button-fill
</div>
<div class="code-name">.icon-leftbutton-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-favorites-fill"></span>
<div class="name">
favorites-fill
</div>
<div class="code-name">.icon-favorites-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-integral-fill1"></span>
<div class="name">
integral-fill
</div>
<div class="code-name">.icon-integral-fill1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-integral-fill"></span>
<div class="name">
integral-fill
</div>
<div class="code-name">.icon-integral-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-help1"></span>
<div class="name">
help
</div>
<div class="code-name">.icon-help1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-namecard-fill"></span>
<div class="name">
namecard-fill
</div>
<div class="code-name">.icon-namecard-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-listing-content-fill"></span>
<div class="name">
listing-content-fill
</div>
<div class="code-name">.icon-listing-content-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pic-fill"></span>
<div class="name">
pic-fill
</div>
<div class="code-name">.icon-pic-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-logistic-logo-fill"></span>
<div class="name">
logistic-logo-fill
</div>
<div class="code-name">.icon-logistic-logo-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-play-fill"></span>
<div class="name">
play-fill
</div>
<div class="code-name">.icon-play-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Moneymanagement-fill"></span>
<div class="name">
Money management-fill
</div>
<div class="code-name">.icon-Moneymanagement-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-prompt-fill"></span>
<div class="name">
prompt-fill
</div>
<div class="code-name">.icon-prompt-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-manage-order-fill"></span>
<div class="name">
manage-order-fill
</div>
<div class="code-name">.icon-manage-order-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-stop-fill"></span>
<div class="name">
stop-fill
</div>
<div class="code-name">.icon-stop-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-multi-language-fill"></span>
<div class="name">
multi-language-fill
</div>
<div class="code-name">.icon-multi-language-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-column"></span>
<div class="name">
3column
</div>
<div class="code-name">.icon-column
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-logistics-icon-fill"></span>
<div class="name">
logistics-icon-fill
</div>
<div class="code-name">.icon-logistics-icon-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-account"></span>
<div class="name">
add-account
</div>
<div class="code-name">.icon-add-account
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Newuserzone-fill"></span>
<div class="name">
New user zone-fill
</div>
<div class="code-name">.icon-Newuserzone-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-column1"></span>
<div class="name">
4column
</div>
<div class="code-name">.icon-column1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-nightmode-fill"></span>
<div class="name">
night mode-fill
</div>
<div class="code-name">.icon-nightmode-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add"></span>
<div class="name">
add
</div>
<div class="code-name">.icon-add
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-office-supplies-fill"></span>
<div class="name">
office-supplies-fill
</div>
<div class="code-name">.icon-office-supplies-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-agriculture"></span>
<div class="name">
agriculture
</div>
<div class="code-name">.icon-agriculture
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-notice-fill"></span>
<div class="name">
notice-fill
</div>
<div class="code-name">.icon-notice-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-years"></span>
<div class="name">
2years
</div>
<div class="code-name">.icon-years
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-mute"></span>
<div class="name">
mute
</div>
<div class="code-name">.icon-mute
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-add-cart"></span>
<div class="name">
add-cart
</div>
<div class="code-name">.icon-add-cart
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-order-fill"></span>
<div class="name">
order-fill
</div>
<div class="code-name">.icon-order-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-right"></span>
<div class="name">
arrow-right
</div>
<div class="code-name">.icon-arrow-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-password1"></span>
<div class="name">
password
</div>
<div class="code-name">.icon-password1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-left"></span>
<div class="name">
arrow-left
</div>
<div class="code-name">.icon-arrow-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-map1"></span>
<div class="name">
map
</div>
<div class="code-name">.icon-map1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-apparel"></span>
<div class="name">
apparel
</div>
<div class="code-name">.icon-apparel
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-paylater-fill"></span>
<div class="name">
paylater-fill
</div>
<div class="code-name">.icon-paylater-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-all1"></span>
<div class="name">
all
</div>
<div class="code-name">.icon-all1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone-fill"></span>
<div class="name">
phone-fill
</div>
<div class="code-name">.icon-phone-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-arrow-up"></span>
<div class="name">
arrow-up
</div>
<div class="code-name">.icon-arrow-up
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-online-tracking-fill"></span>
<div class="name">
online-tracking-fill
</div>
<div class="code-name">.icon-online-tracking-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ascending"></span>
<div class="name">
ascending
</div>
<div class="code-name">.icon-ascending
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-play-fill1"></span>
<div class="name">
play-fill
</div>
<div class="code-name">.icon-play-fill1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ashbin"></span>
<div class="name">
ashbin
</div>
<div class="code-name">.icon-ashbin
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pdf-fill"></span>
<div class="name">
pdf-fill
</div>
<div class="code-name">.icon-pdf-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-atm"></span>
<div class="name">
atm
</div>
<div class="code-name">.icon-atm
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-phone1"></span>
<div class="name">
phone
</div>
<div class="code-name">.icon-phone1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bad"></span>
<div class="name">
bad
</div>
<div class="code-name">.icon-bad
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pin-fill"></span>
<div class="name">
pin-fill
</div>
<div class="code-name">.icon-pin-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-attachent"></span>
<div class="name">
attachent
</div>
<div class="code-name">.icon-attachent
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-product-fill"></span>
<div class="name">
product-fill
</div>
<div class="code-name">.icon-product-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-browse"></span>
<div class="name">
browse
</div>
<div class="code-name">.icon-browse
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rankinglist-fill"></span>
<div class="name">
ranking list-fill
</div>
<div class="code-name">.icon-rankinglist-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-beauty"></span>
<div class="name">
beauty
</div>
<div class="code-name">.icon-beauty
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reduce-fill"></span>
<div class="name">
reduce-fill
</div>
<div class="code-name">.icon-reduce-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-atm-away"></span>
<div class="name">
atm-away
</div>
<div class="code-name">.icon-atm-away
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-reeor-fill"></span>
<div class="name">
reeor-fill
</div>
<div class="code-name">.icon-reeor-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-assessed-badge"></span>
<div class="name">
assessed-badge
</div>
<div class="code-name">.icon-assessed-badge
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-pic-fill1"></span>
<div class="name">
pic-fill
</div>
<div class="code-name">.icon-pic-fill1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-auto1"></span>
<div class="name">
auto
</div>
<div class="code-name">.icon-auto1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-rankinglist"></span>
<div class="name">
ranking list
</div>
<div class="code-name">.icon-rankinglist
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-bags"></span>
<div class="name">
bags
</div>
<div class="code-name">.icon-bags
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-product1"></span>
<div class="name">
product
</div>
<div class="code-name">.icon-product1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-calendar"></span>
<div class="name">
calendar
</div>
<div class="code-name">.icon-calendar
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-prompt-fill1"></span>
<div class="name">
prompt-fill
</div>
<div class="code-name">.icon-prompt-fill1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart-full"></span>
<div class="name">
cart- full
</div>
<div class="code-name">.icon-cart-full
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-resonserate-fill"></span>
<div class="name">
resonse rate-fill
</div>
<div class="code-name">.icon-resonserate-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-calculator"></span>
<div class="name">
calculator
</div>
<div class="code-name">.icon-calculator
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-remind-fill"></span>
<div class="name">
remind-fill
</div>
<div class="code-name">.icon-remind-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cameraswitching"></span>
<div class="name">
camera switching
</div>
<div class="code-name">.icon-cameraswitching
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Rightbutton-fill"></span>
<div class="name">
Right button-fill
</div>
<div class="code-name">.icon-Rightbutton-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cecurity-protection"></span>
<div class="name">
cecurity-protection
</div>
<div class="code-name">.icon-cecurity-protection
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-RFQ-logo-fill"></span>
<div class="name">
RFQ-logo-fill
</div>
<div class="code-name">.icon-RFQ-logo-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-category"></span>
<div class="name">
category
</div>
<div class="code-name">.icon-category
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-RFQ-word-fill"></span>
<div class="name">
RFQ-word-fill
</div>
<div class="code-name">.icon-RFQ-word-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-close"></span>
<div class="name">
close
</div>
<div class="code-name">.icon-close
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-searchcart-fill"></span>
<div class="name">
search cart-fill
</div>
<div class="code-name">.icon-searchcart-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-certified-supplier"></span>
<div class="name">
certified-supplier
</div>
<div class="code-name">.icon-certified-supplier
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-salescenter-fill"></span>
<div class="name">
sales center-fill
</div>
<div class="code-name">.icon-salescenter-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cart-Empty"></span>
<div class="name">
cart-Empty
</div>
<div class="code-name">.icon-cart-Empty
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-save-fill"></span>
<div class="name">
save-fill
</div>
<div class="code-name">.icon-save-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-code1"></span>
<div class="name">
code
</div>
<div class="code-name">.icon-code1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-security-fill"></span>
<div class="name">
security-fill
</div>
<div class="code-name">.icon-security-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-color"></span>
<div class="name">
color
</div>
<div class="code-name">.icon-color
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Similarproducts-fill"></span>
<div class="name">
category products-fill
</div>
<div class="code-name">.icon-Similarproducts-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-conditions"></span>
<div class="name">
conditions
</div>
<div class="code-name">.icon-conditions
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-signboard-fill"></span>
<div class="name">
signboard-fill
</div>
<div class="code-name">.icon-signboard-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-confirm"></span>
<div class="name">
confirm
</div>
<div class="code-name">.icon-confirm
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-service-fill"></span>
<div class="name">
service-fill
</div>
<div class="code-name">.icon-service-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-company"></span>
<div class="name">
company
</div>
<div class="code-name">.icon-company
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-shuffling-banner-fill"></span>
<div class="name">
shuffling-banner-fill
</div>
<div class="code-name">.icon-shuffling-banner-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-ali-clould"></span>
<div class="name">
ali-clould
</div>
<div class="code-name">.icon-ali-clould
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-supplier-features-fill"></span>
<div class="name">
supplier-features-fill
</div>
<div class="code-name">.icon-supplier-features-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-copy1"></span>
<div class="name">
copy
</div>
<div class="code-name">.icon-copy1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-store-fill"></span>
<div class="name">
store-fill
</div>
<div class="code-name">.icon-store-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-credit-level"></span>
<div class="name">
credit-level
</div>
<div class="code-name">.icon-credit-level
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-smile-fill"></span>
<div class="name">
smile-fill
</div>
<div class="code-name">.icon-smile-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-coupons"></span>
<div class="name">
coupons
</div>
<div class="code-name">.icon-coupons
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-success-fill"></span>
<div class="name">
success-fill
</div>
<div class="code-name">.icon-success-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-connections"></span>
<div class="name">
connections
</div>
<div class="code-name">.icon-connections
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sound-filling-fill"></span>
<div class="name">
sound-filling-fill
</div>
<div class="code-name">.icon-sound-filling-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cry"></span>
<div class="name">
cry
</div>
<div class="code-name">.icon-cry
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-sound-Mute1"></span>
<div class="name">
sound-Mute
</div>
<div class="code-name">.icon-sound-Mute1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-costoms-alearance"></span>
<div class="name">
costoms-alearance
</div>
<div class="code-name">.icon-costoms-alearance
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-suspended-fill"></span>
<div class="name">
suspended-fill
</div>
<div class="code-name">.icon-suspended-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-clock"></span>
<div class="name">
clock
</div>
<div class="code-name">.icon-clock
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-tool-fill"></span>
<div class="name">
tool-fill
</div>
<div class="code-name">.icon-tool-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-CurrencyConverter"></span>
<div class="name">
Currency Converter
</div>
<div class="code-name">.icon-CurrencyConverter
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-task-management-fill"></span>
<div class="name">
task-management-fill
</div>
<div class="code-name">.icon-task-management-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-cut"></span>
<div class="name">
cut
</div>
<div class="code-name">.icon-cut
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-unlock-fill"></span>
<div class="name">
unlock-fill
</div>
<div class="code-name">.icon-unlock-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-data1"></span>
<div class="name">
data
</div>
<div class="code-name">.icon-data1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-trust-fill"></span>
<div class="name">
trust-fill
</div>
<div class="code-name">.icon-trust-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Customermanagement"></span>
<div class="name">
Customer management
</div>
<div class="code-name">.icon-Customermanagement
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vip-fill"></span>
<div class="name">
vip-fill
</div>
<div class="code-name">.icon-vip-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-descending"></span>
<div class="name">
descending
</div>
<div class="code-name">.icon-descending
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-set1"></span>
<div class="name">
set
</div>
<div class="code-name">.icon-set1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-double-arro-right"></span>
<div class="name">
double-arro- right
</div>
<div class="code-name">.icon-double-arro-right
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-Top-fill"></span>
<div class="name">
top-fill
</div>
<div class="code-name">.icon-Top-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-customization"></span>
<div class="name">
customization
</div>
<div class="code-name">.icon-customization
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-viewlarger1"></span>
<div class="name">
view larger
</div>
<div class="code-name">.icon-viewlarger1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-double-arrow-left"></span>
<div class="name">
double-arrow-left
</div>
<div class="code-name">.icon-double-arrow-left
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-voice-fill"></span>
<div class="name">
voice-fill
</div>
<div class="code-name">.icon-voice-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-discount"></span>
<div class="name">
discount
</div>
<div class="code-name">.icon-discount
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-warning-fill"></span>
<div class="name">
warning-fill
</div>
<div class="code-name">.icon-warning-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-download"></span>
<div class="name">
download
</div>
<div class="code-name">.icon-download
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-warehouse-fill"></span>
<div class="name">
warehouse-fill
</div>
<div class="code-name">.icon-warehouse-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-dollar1"></span>
<div class="name">
dollar
</div>
<div class="code-name">.icon-dollar1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-zip-fill"></span>
<div class="name">
zip-fill
</div>
<div class="code-name">.icon-zip-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-default-template"></span>
<div class="name">
default-template
</div>
<div class="code-name">.icon-default-template
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-trade-assurance-fill"></span>
<div class="name">
trade-assurance-fill
</div>
<div class="code-name">.icon-trade-assurance-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-editor1"></span>
<div class="name">
editor
</div>
<div class="code-name">.icon-editor1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-vs-fill"></span>
<div class="name">
vs-fill
</div>
<div class="code-name">.icon-vs-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-eletrical"></span>
<div class="name">
eletrical
</div>
<div class="code-name">.icon-eletrical
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-video1"></span>
<div class="name">
video
</div>
<div class="code-name">.icon-video1
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-electronics"></span>
<div class="name">
electronics
</div>
<div class="code-name">.icon-electronics
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-template-fill"></span>
<div class="name">
template-fill
</div>
<div class="code-name">.icon-template-fill
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-etrical-equipm"></span>
<div class="name">
etrical-equipm
</div>
<div class="code-name">.icon-etrical-equipm
</div>
</li>
<li class="dib">
<span class="icon iconfont icon-wallet1"></span>
<div class="name">
wallet
</div>
<div class="code-name">.icon-wallet1
</div>
</li>
</ul>
<div class="article markdown">
<h2 id="font-class-">font-class 引用</h2>
<hr>
<p>font-class 是 Unicode 使用方式的一种变种,主要是解决 Unicode 书写不直观,语意不明确的问题。</p>
<p>与 Unicode 使用方式相比,具有如下特点:</p>
<ul>
<li>相比于 Unicode 语意明确,书写更直观。可以很容易分辨这个 icon 是什么。</li>
<li>因为使用 class 来定义图标,所以当要替换图标时,只需要修改 class 里面的 Unicode 引用。</li>
</ul>
<p>使用步骤如下:</p>
<h3 id="-fontclass-">第一步:引入项目下面生成的 fontclass 代码:</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
<h3 id="-">第二步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;span class="iconfont icon-xxx"&gt;&lt;/span&gt;
</code></pre>
<blockquote>
<p>"
iconfont" 是你项目下的 font-family。可以通过编辑项目查看默认是 "iconfont"。</p>
</blockquote>
</div>
</div>
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ellipsis"></use>
</svg>
<div class="name">ellipsis</div>
<div class="code-name">#icon-ellipsis</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-training1"></use>
</svg>
<div class="name">training</div>
<div class="code-name">#icon-training1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-email"></use>
</svg>
<div class="name">email</div>
<div class="code-name">#icon-email</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-packing-labeling-fill"></use>
</svg>
<div class="name">packing-labeling-fill</div>
<div class="code-name">#icon-packing-labeling-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-falling"></use>
</svg>
<div class="name">falling</div>
<div class="code-name">#icon-falling</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Exportservices-fill"></use>
</svg>
<div class="name">export services-fill</div>
<div class="code-name">#icon-Exportservices-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-earth"></use>
</svg>
<div class="name">earth</div>
<div class="code-name">#icon-earth</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-brand-fill"></use>
</svg>
<div class="name">brand-fill</div>
<div class="code-name">#icon-brand-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-filter"></use>
</svg>
<div class="name">filter</div>
<div class="code-name">#icon-filter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-collection"></use>
</svg>
<div class="name">collection</div>
<div class="code-name">#icon-collection</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-furniture"></use>
</svg>
<div class="name">furniture</div>
<div class="code-name">#icon-furniture</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-consumption-fill"></use>
</svg>
<div class="name">consumption-fill</div>
<div class="code-name">#icon-consumption-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folder"></use>
</svg>
<div class="name">folder</div>
<div class="code-name">#icon-folder</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-collection-fill"></use>
</svg>
<div class="name">collection-fill</div>
<div class="code-name">#icon-collection-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-feeds"></use>
</svg>
<div class="name">feeds</div>
<div class="code-name">#icon-feeds</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-brand"></use>
</svg>
<div class="name">brand</div>
<div class="code-name">#icon-brand</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-history1"></use>
</svg>
<div class="name">history</div>
<div class="code-name">#icon-history1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rejected-order-fill"></use>
</svg>
<div class="name">rejected-order-fill</div>
<div class="code-name">#icon-rejected-order-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hardware"></use>
</svg>
<div class="name">hardware</div>
<div class="code-name">#icon-hardware</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-homepage-ads-fill"></use>
</svg>
<div class="name">homepage-ads-fill</div>
<div class="code-name">#icon-homepage-ads-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-help"></use>
</svg>
<div class="name">help</div>
<div class="code-name">#icon-help</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-homepage-ads"></use>
</svg>
<div class="name">homepage-ads</div>
<div class="code-name">#icon-homepage-ads</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-good"></use>
</svg>
<div class="name">good</div>
<div class="code-name">#icon-good</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-scenes-fill"></use>
</svg>
<div class="name">scenes-fill</div>
<div class="code-name">#icon-scenes-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Householdappliances"></use>
</svg>
<div class="name">Household appliances</div>
<div class="code-name">#icon-Householdappliances</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-scenes"></use>
</svg>
<div class="name">scenes</div>
<div class="code-name">#icon-scenes</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gift1"></use>
</svg>
<div class="name">gift</div>
<div class="code-name">#icon-gift1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-similar-product-fill"></use>
</svg>
<div class="name">similar-product-fill</div>
<div class="code-name">#icon-similar-product-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-form"></use>
</svg>
<div class="name">form</div>
<div class="code-name">#icon-form</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-topraning-fill"></use>
</svg>
<div class="name">topraning-fill</div>
<div class="code-name">#icon-topraning-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-image-text"></use>
</svg>
<div class="name">image-text</div>
<div class="code-name">#icon-image-text</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-consumption"></use>
</svg>
<div class="name">consumption</div>
<div class="code-name">#icon-consumption</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hot"></use>
</svg>
<div class="name">hot</div>
<div class="code-name">#icon-hot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-topraning"></use>
</svg>
<div class="name">topraning</div>
<div class="code-name">#icon-topraning</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-inspection"></use>
</svg>
<div class="name">inspection</div>
<div class="code-name">#icon-inspection</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gold-supplier"></use>
</svg>
<div class="name">gold-supplier</div>
<div class="code-name">#icon-gold-supplier</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-leftbutton"></use>
</svg>
<div class="name">left button</div>
<div class="code-name">#icon-leftbutton</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-messagecenter-fill"></use>
</svg>
<div class="name">message center-fill</div>
<div class="code-name">#icon-messagecenter-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jewelry"></use>
</svg>
<div class="name">jewelry</div>
<div class="code-name">#icon-jewelry</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quick"></use>
</svg>
<div class="name">quick</div>
<div class="code-name">#icon-quick</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ipad"></use>
</svg>
<div class="name">ipad</div>
<div class="code-name">#icon-ipad</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-writing"></use>
</svg>
<div class="name">writing</div>
<div class="code-name">#icon-writing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-leftarrow"></use>
</svg>
<div class="name">left arrow</div>
<div class="code-name">#icon-leftarrow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-docjpge-fill"></use>
</svg>
<div class="name">doc-fill</div>
<div class="code-name">#icon-docjpge-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-integral1"></use>
</svg>
<div class="name">integral</div>
<div class="code-name">#icon-integral1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jpge-fill"></use>
</svg>
<div class="name">jpge-fill</div>
<div class="code-name">#icon-jpge-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kitchen"></use>
</svg>
<div class="name">kitchen</div>
<div class="code-name">#icon-kitchen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gifjpge-fill"></use>
</svg>
<div class="name">gif-fill</div>
<div class="code-name">#icon-gifjpge-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-inquiry-template"></use>
</svg>
<div class="name">inquiry-template</div>
<div class="code-name">#icon-inquiry-template</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bmpjpge-fill"></use>
</svg>
<div class="name">bmp-fill</div>
<div class="code-name">#icon-bmpjpge-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-link"></use>
</svg>
<div class="name">link</div>
<div class="code-name">#icon-link</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tifjpge-fill"></use>
</svg>
<div class="name">tif-fill</div>
<div class="code-name">#icon-tifjpge-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-libra"></use>
</svg>
<div class="name">libra</div>
<div class="code-name">#icon-libra</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pngjpge-fill"></use>
</svg>
<div class="name">png-fill</div>
<div class="code-name">#icon-pngjpge-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-loading"></use>
</svg>
<div class="name">loading</div>
<div class="code-name">#icon-loading</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Hometextile"></use>
</svg>
<div class="name">home</div>
<div class="code-name">#icon-Hometextile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-listing-content"></use>
</svg>
<div class="name">listing-content</div>
<div class="code-name">#icon-listing-content</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-home"></use>
</svg>
<div class="name">home</div>
<div class="code-name">#icon-home</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-lights"></use>
</svg>
<div class="name">lights</div>
<div class="code-name">#icon-lights</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sendinquiry-fill"></use>
</svg>
<div class="name">send inquiry-fill</div>
<div class="code-name">#icon-sendinquiry-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-logistics-icon"></use>
</svg>
<div class="name">logistics-icon</div>
<div class="code-name">#icon-logistics-icon</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-comments-fill"></use>
</svg>
<div class="name">comments-fill</div>
<div class="code-name">#icon-comments-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-messagecenter"></use>
</svg>
<div class="name">message center</div>
<div class="code-name">#icon-messagecenter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-account-fill"></use>
</svg>
<div class="name">account-fill</div>
<div class="code-name">#icon-account-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mobile-phone"></use>
</svg>
<div class="name">mobile-phone</div>
<div class="code-name">#icon-mobile-phone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-feed-logo-fill"></use>
</svg>
<div class="name">feed-logo-fill</div>
<div class="code-name">#icon-feed-logo-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-manage-order"></use>
</svg>
<div class="name">manage-order</div>
<div class="code-name">#icon-manage-order</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-feed-logo"></use>
</svg>
<div class="name">feed-logo</div>
<div class="code-name">#icon-feed-logo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-move"></use>
</svg>
<div class="name">move</div>
<div class="code-name">#icon-move</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-home-fill"></use>
</svg>
<div class="name">home-fill</div>
<div class="code-name">#icon-home-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Moneymanagement"></use>
</svg>
<div class="name">Money management</div>
<div class="code-name">#icon-Moneymanagement</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-select"></use>
</svg>
<div class="name">add-select</div>
<div class="code-name">#icon-add-select</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-namecard"></use>
</svg>
<div class="name">namecard</div>
<div class="code-name">#icon-namecard</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sami-select"></use>
</svg>
<div class="name">sami-select</div>
<div class="code-name">#icon-sami-select</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-map"></use>
</svg>
<div class="name">map</div>
<div class="code-name">#icon-map</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-camera"></use>
</svg>
<div class="name">camera</div>
<div class="code-name">#icon-camera</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Newuserzone"></use>
</svg>
<div class="name">New user zone</div>
<div class="code-name">#icon-Newuserzone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-down"></use>
</svg>
<div class="name">arrow-down</div>
<div class="code-name">#icon-arrow-down</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-multi-language"></use>
</svg>
<div class="name">multi-language</div>
<div class="code-name">#icon-multi-language</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-account"></use>
</svg>
<div class="name">account</div>
<div class="code-name">#icon-account</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-office"></use>
</svg>
<div class="name">office</div>
<div class="code-name">#icon-office</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-comments"></use>
</svg>
<div class="name">comments</div>
<div class="code-name">#icon-comments</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-notice"></use>
</svg>
<div class="name">notice</div>
<div class="code-name">#icon-notice</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart-Empty1"></use>
</svg>
<div class="name">cart-Empty</div>
<div class="code-name">#icon-cart-Empty1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ontimeshipment"></use>
</svg>
<div class="name">on time shipment</div>
<div class="code-name">#icon-ontimeshipment</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-favorites"></use>
</svg>
<div class="name">favorites</div>
<div class="code-name">#icon-favorites</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-office-supplies"></use>
</svg>
<div class="name">office-supplies</div>
<div class="code-name">#icon-office-supplies</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-order"></use>
</svg>
<div class="name">order</div>
<div class="code-name">#icon-order</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-password"></use>
</svg>
<div class="name">password</div>
<div class="code-name">#icon-password</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-search"></use>
</svg>
<div class="name">search</div>
<div class="code-name">#icon-search</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Notvisible1"></use>
</svg>
<div class="name">Not visible</div>
<div class="code-name">#icon-Notvisible1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-trade-assurance"></use>
</svg>
<div class="name">trade-assurance</div>
<div class="code-name">#icon-trade-assurance</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-operation"></use>
</svg>
<div class="name">operation</div>
<div class="code-name">#icon-operation</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-usercenter1"></use>
</svg>
<div class="name">user center</div>
<div class="code-name">#icon-usercenter1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-packaging"></use>
</svg>
<div class="name">packaging</div>
<div class="code-name">#icon-packaging</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tradingdata"></use>
</svg>
<div class="name">trading data</div>
<div class="code-name">#icon-tradingdata</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-online-tracking"></use>
</svg>
<div class="name">online-tracking</div>
<div class="code-name">#icon-online-tracking</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-microphone"></use>
</svg>
<div class="name">microphone</div>
<div class="code-name">#icon-microphone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-packing-labeling"></use>
</svg>
<div class="name">packing-labeling</div>
<div class="code-name">#icon-packing-labeling</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-txt"></use>
</svg>
<div class="name">txt</div>
<div class="code-name">#icon-txt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone"></use>
</svg>
<div class="name">phone</div>
<div class="code-name">#icon-phone</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xlsx"></use>
</svg>
<div class="name">xlsx</div>
<div class="code-name">#icon-xlsx</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pic1"></use>
</svg>
<div class="name">pic</div>
<div class="code-name">#icon-pic1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-banzhengfuwu"></use>
</svg>
<div class="name">办证服务</div>
<div class="code-name">#icon-banzhengfuwu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pin"></use>
</svg>
<div class="name">pin</div>
<div class="code-name">#icon-pin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cangku"></use>
</svg>
<div class="name">仓库</div>
<div class="code-name">#icon-cangku</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-play1"></use>
</svg>
<div class="name">play</div>
<div class="code-name">#icon-play1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daibancaishui"></use>
</svg>
<div class="name">代办财税</div>
<div class="code-name">#icon-daibancaishui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-logistic-logo"></use>
</svg>
<div class="name">logistic-logo</div>
<div class="code-name">#icon-logistic-logo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jizhuangxiang"></use>
</svg>
<div class="name">集装箱</div>
<div class="code-name">#icon-jizhuangxiang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-print"></use>
</svg>
<div class="name">print</div>
<div class="code-name">#icon-print</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiaobiao"></use>
</svg>
<div class="name">角标</div>
<div class="code-name">#icon-jiaobiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-product"></use>
</svg>
<div class="name">product</div>
<div class="code-name">#icon-product</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kehupandian"></use>
</svg>
<div class="name">客户盘点</div>
<div class="code-name">#icon-kehupandian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-machinery"></use>
</svg>
<div class="name">machinery</div>
<div class="code-name">#icon-machinery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dongtai"></use>
</svg>
<div class="name">动态</div>
<div class="code-name">#icon-dongtai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-process"></use>
</svg>
<div class="name">process</div>
<div class="code-name">#icon-process</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-daikuan"></use>
</svg>
<div class="name">贷款</div>
<div class="code-name">#icon-daikuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-prompt"></use>
</svg>
<div class="name">prompt</div>
<div class="code-name">#icon-prompt</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shengyijing"></use>
</svg>
<div class="name">生意经</div>
<div class="code-name">#icon-shengyijing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-QRcode1"></use>
</svg>
<div class="name">QRcode</div>
<div class="code-name">#icon-QRcode1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-jiehui"></use>
</svg>
<div class="name">结汇</div>
<div class="code-name">#icon-jiehui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reeor"></use>
</svg>
<div class="name">reeor</div>
<div class="code-name">#icon-reeor</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-fencengpeizhi"></use>
</svg>
<div class="name">分层配置</div>
<div class="code-name">#icon-fencengpeizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reduce"></use>
</svg>
<div class="name">reduce</div>
<div class="code-name">#icon-reduce</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shenqingjilu"></use>
</svg>
<div class="name">申请记录</div>
<div class="code-name">#icon-shenqingjilu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Non-staplefood"></use>
</svg>
<div class="name">Non-staple food</div>
<div class="code-name">#icon-Non-staplefood</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangchuanbeiandanzheng"></use>
</svg>
<div class="name">上传备案单证</div>
<div class="code-name">#icon-shangchuanbeiandanzheng</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rejected-order"></use>
</svg>
<div class="name">rejected-order</div>
<div class="code-name">#icon-rejected-order</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shangchuan"></use>
</svg>
<div class="name">上传</div>
<div class="code-name">#icon-shangchuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-resonserate"></use>
</svg>
<div class="name">resonse rate</div>
<div class="code-name">#icon-resonserate</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kehuquanyi"></use>
</svg>
<div class="name">客户权益</div>
<div class="code-name">#icon-kehuquanyi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-remind"></use>
</svg>
<div class="name">remind</div>
<div class="code-name">#icon-remind</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suoxiao"></use>
</svg>
<div class="name">缩小</div>
<div class="code-name">#icon-suoxiao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-responsetime"></use>
</svg>
<div class="name">response time</div>
<div class="code-name">#icon-responsetime</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-quanyipeizhi"></use>
</svg>
<div class="name">权益配置</div>
<div class="code-name">#icon-quanyipeizhi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-return"></use>
</svg>
<div class="name">return</div>
<div class="code-name">#icon-return</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuangshen"></use>
</svg>
<div class="name">双审</div>
<div class="code-name">#icon-shuangshen</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paylater"></use>
</svg>
<div class="name">paylater</div>
<div class="code-name">#icon-paylater</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tongguan"></use>
</svg>
<div class="name">通关</div>
<div class="code-name">#icon-tongguan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rising1"></use>
</svg>
<div class="name">rising</div>
<div class="code-name">#icon-rising1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuishui"></use>
</svg>
<div class="name">退税</div>
<div class="code-name">#icon-tuishui</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Rightarrow"></use>
</svg>
<div class="name">Right arrow</div>
<div class="code-name">#icon-Rightarrow</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tongguanshuju"></use>
</svg>
<div class="name">通关数据</div>
<div class="code-name">#icon-tongguanshuju</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rmb1"></use>
</svg>
<div class="name">rmb</div>
<div class="code-name">#icon-rmb1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-kuaidiwuliu"></use>
</svg>
<div class="name">快递物流</div>
<div class="code-name">#icon-kuaidiwuliu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-RFQ-logo"></use>
</svg>
<div class="name">RFQ-logo</div>
<div class="code-name">#icon-RFQ-logo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wuliuchanpin"></use>
</svg>
<div class="name">物流产品</div>
<div class="code-name">#icon-wuliuchanpin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-save"></use>
</svg>
<div class="name">save</div>
<div class="code-name">#icon-save</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-waihuishuju"></use>
</svg>
<div class="name">外汇数据</div>
<div class="code-name">#icon-waihuishuju</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-scanning"></use>
</svg>
<div class="name">scanning</div>
<div class="code-name">#icon-scanning</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinxibar_shouji"></use>
</svg>
<div class="name">信息bar_手机</div>
<div class="code-name">#icon-xinxibar_shouji</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-security"></use>
</svg>
<div class="name">security</div>
<div class="code-name">#icon-security</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinwaizongyewu"></use>
</svg>
<div class="name">新外综业务</div>
<div class="code-name">#icon-xinwaizongyewu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-salescenter"></use>
</svg>
<div class="name">sales center</div>
<div class="code-name">#icon-salescenter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wuliudingdan"></use>
</svg>
<div class="name">物流订单</div>
<div class="code-name">#icon-wuliudingdan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-seleted"></use>
</svg>
<div class="name">seleted</div>
<div class="code-name">#icon-seleted</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhongjianren"></use>
</svg>
<div class="name">中间人</div>
<div class="code-name">#icon-zhongjianren</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-searchcart"></use>
</svg>
<div class="name">search cart</div>
<div class="code-name">#icon-searchcart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xinxibar_zhanghu"></use>
</svg>
<div class="name">信息bar_账户</div>
<div class="code-name">#icon-xinxibar_zhanghu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-raw"></use>
</svg>
<div class="name">raw</div>
<div class="code-name">#icon-raw</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yidatong"></use>
</svg>
<div class="name">一达通</div>
<div class="code-name">#icon-yidatong</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-service"></use>
</svg>
<div class="name">service</div>
<div class="code-name">#icon-service</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhuanyequanwei"></use>
</svg>
<div class="name">专业权威</div>
<div class="code-name">#icon-zhuanyequanwei</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-share"></use>
</svg>
<div class="name">share</div>
<div class="code-name">#icon-share</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhanghucaozuo"></use>
</svg>
<div class="name">账户操作</div>
<div class="code-name">#icon-zhanghucaozuo</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-signboard"></use>
</svg>
<div class="name">signboard</div>
<div class="code-name">#icon-signboard</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xuanzhuandu"></use>
</svg>
<div class="name">旋转90度</div>
<div class="code-name">#icon-xuanzhuandu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuffling-banner"></use>
</svg>
<div class="name">shuffling-banner</div>
<div class="code-name">#icon-shuffling-banner</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tuishuirongzi"></use>
</svg>
<div class="name">退税融资</div>
<div class="code-name">#icon-tuishuirongzi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Rightbutton"></use>
</svg>
<div class="name">Right button</div>
<div class="code-name">#icon-Rightbutton</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-AddProducts"></use>
</svg>
<div class="name">Add Products</div>
<div class="code-name">#icon-AddProducts</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sorting"></use>
</svg>
<div class="name">sorting</div>
<div class="code-name">#icon-sorting</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ziyingyewu"></use>
</svg>
<div class="name">自营业务</div>
<div class="code-name">#icon-ziyingyewu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sound-Mute"></use>
</svg>
<div class="name">sound-Mute</div>
<div class="code-name">#icon-sound-Mute</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-addcell"></use>
</svg>
<div class="name">addcell</div>
<div class="code-name">#icon-addcell</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Similarproducts"></use>
</svg>
<div class="name">category products</div>
<div class="code-name">#icon-Similarproducts</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-background-color"></use>
</svg>
<div class="name">background-color</div>
<div class="code-name">#icon-background-color</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sound-filling"></use>
</svg>
<div class="name">sound-filling</div>
<div class="code-name">#icon-sound-filling</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cascades"></use>
</svg>
<div class="name">cascades</div>
<div class="code-name">#icon-cascades</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suggest"></use>
</svg>
<div class="name">suggest</div>
<div class="code-name">#icon-suggest</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-beijing"></use>
</svg>
<div class="name">beijing</div>
<div class="code-name">#icon-beijing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-stop"></use>
</svg>
<div class="name">stop</div>
<div class="code-name">#icon-stop</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bold"></use>
</svg>
<div class="name">bold</div>
<div class="code-name">#icon-bold</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-success"></use>
</svg>
<div class="name">success</div>
<div class="code-name">#icon-success</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zijin"></use>
</svg>
<div class="name">资金</div>
<div class="code-name">#icon-zijin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-supplier-features"></use>
</svg>
<div class="name">supplier-features</div>
<div class="code-name">#icon-supplier-features</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eraser"></use>
</svg>
<div class="name">eraser</div>
<div class="code-name">#icon-eraser</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-switch"></use>
</svg>
<div class="name">switch</div>
<div class="code-name">#icon-switch</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-centeralignment"></use>
</svg>
<div class="name">centeralignment</div>
<div class="code-name">#icon-centeralignment</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-survey"></use>
</svg>
<div class="name">survey</div>
<div class="code-name">#icon-survey</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-click"></use>
</svg>
<div class="name">click</div>
<div class="code-name">#icon-click</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-template"></use>
</svg>
<div class="name">template</div>
<div class="code-name">#icon-template</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-aspjiesuan"></use>
</svg>
<div class="name">asp结算</div>
<div class="code-name">#icon-aspjiesuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-text"></use>
</svg>
<div class="name">text</div>
<div class="code-name">#icon-text</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-flag"></use>
</svg>
<div class="name">flag</div>
<div class="code-name">#icon-flag</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suspended"></use>
</svg>
<div class="name">suspended</div>
<div class="code-name">#icon-suspended</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-falg-fill"></use>
</svg>
<div class="name">falg-fill</div>
<div class="code-name">#icon-falg-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-task-management"></use>
</svg>
<div class="name">task-management</div>
<div class="code-name">#icon-task-management</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Fee"></use>
</svg>
<div class="name">Fee</div>
<div class="code-name">#icon-Fee</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tool"></use>
</svg>
<div class="name">tool</div>
<div class="code-name">#icon-tool</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-filling"></use>
</svg>
<div class="name">filling</div>
<div class="code-name">#icon-filling</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Top"></use>
</svg>
<div class="name">top</div>
<div class="code-name">#icon-Top</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Foreigncurrency"></use>
</svg>
<div class="name">Foreign currency</div>
<div class="code-name">#icon-Foreigncurrency</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-smile"></use>
</svg>
<div class="name">smile</div>
<div class="code-name">#icon-smile</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-guanliyuan"></use>
</svg>
<div class="name">guanliyuan</div>
<div class="code-name">#icon-guanliyuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-textile-products"></use>
</svg>
<div class="name">textile-products</div>
<div class="code-name">#icon-textile-products</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-language"></use>
</svg>
<div class="name">language</div>
<div class="code-name">#icon-language</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tradealert"></use>
</svg>
<div class="name">trade alert</div>
<div class="code-name">#icon-tradealert</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-leftalignment"></use>
</svg>
<div class="name">leftalignment</div>
<div class="code-name">#icon-leftalignment</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-topsales"></use>
</svg>
<div class="name">top sales</div>
<div class="code-name">#icon-topsales</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-extra-inquiries"></use>
</svg>
<div class="name">extra-inquiries</div>
<div class="code-name">#icon-extra-inquiries</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tradingvolume"></use>
</svg>
<div class="name">trading volume</div>
<div class="code-name">#icon-tradingvolume</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Italic"></use>
</svg>
<div class="name">Italic</div>
<div class="code-name">#icon-Italic</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-training"></use>
</svg>
<div class="name">training</div>
<div class="code-name">#icon-training</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pcm"></use>
</svg>
<div class="name">pcm</div>
<div class="code-name">#icon-pcm</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-upload"></use>
</svg>
<div class="name">upload</div>
<div class="code-name">#icon-upload</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reducecell"></use>
</svg>
<div class="name">reducecell</div>
<div class="code-name">#icon-reducecell</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-RFQ-word"></use>
</svg>
<div class="name">RFQ-word</div>
<div class="code-name">#icon-RFQ-word</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rightalignment"></use>
</svg>
<div class="name">rightalignment</div>
<div class="code-name">#icon-rightalignment</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-viewlarger"></use>
</svg>
<div class="name">view larger</div>
<div class="code-name">#icon-viewlarger</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pointerleft"></use>
</svg>
<div class="name">pointerleft</div>
<div class="code-name">#icon-pointerleft</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-viewgallery"></use>
</svg>
<div class="name">viewgallery</div>
<div class="code-name">#icon-viewgallery</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-subscript"></use>
</svg>
<div class="name">subscript</div>
<div class="code-name">#icon-subscript</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vehivles"></use>
</svg>
<div class="name">vehivles</div>
<div class="code-name">#icon-vehivles</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-square"></use>
</svg>
<div class="name">square</div>
<div class="code-name">#icon-square</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-trust"></use>
</svg>
<div class="name">trust</div>
<div class="code-name">#icon-trust</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-superscript"></use>
</svg>
<div class="name">superscript</div>
<div class="code-name">#icon-superscript</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-warning"></use>
</svg>
<div class="name">warning</div>
<div class="code-name">#icon-warning</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tag-subscript"></use>
</svg>
<div class="name">tag-subscript</div>
<div class="code-name">#icon-tag-subscript</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-warehouse"></use>
</svg>
<div class="name">warehouse</div>
<div class="code-name">#icon-warehouse</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-danjuzhuanhuan"></use>
</svg>
<div class="name">单据转换</div>
<div class="code-name">#icon-danjuzhuanhuan</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shoes"></use>
</svg>
<div class="name">shoes</div>
<div class="code-name">#icon-shoes</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Transfermoney"></use>
</svg>
<div class="name">Transfer money</div>
<div class="code-name">#icon-Transfermoney</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-video"></use>
</svg>
<div class="name">video</div>
<div class="code-name">#icon-video</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-under-line"></use>
</svg>
<div class="name">under-line</div>
<div class="code-name">#icon-under-line</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-viewlist"></use>
</svg>
<div class="name">viewlist</div>
<div class="code-name">#icon-viewlist</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-xiakuangxian"></use>
</svg>
<div class="name">xiakuangxian</div>
<div class="code-name">#icon-xiakuangxian</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-set"></use>
</svg>
<div class="name">set</div>
<div class="code-name">#icon-set</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouqi"></use>
</svg>
<div class="name">收起</div>
<div class="code-name">#icon-shouqi</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-store"></use>
</svg>
<div class="name">store</div>
<div class="code-name">#icon-store</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zhankai"></use>
</svg>
<div class="name">展开</div>
<div class="code-name">#icon-zhankai</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tool-hardware"></use>
</svg>
<div class="name">tool-hardware</div>
<div class="code-name">#icon-tool-hardware</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tongxunlu"></use>
</svg>
<div class="name">通讯录</div>
<div class="code-name">#icon-tongxunlu</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vs"></use>
</svg>
<div class="name">vs</div>
<div class="code-name">#icon-vs</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-yiguanzhugongyingshang"></use>
</svg>
<div class="name">已关注供应商</div>
<div class="code-name">#icon-yiguanzhugongyingshang</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-toy"></use>
</svg>
<div class="name">toy</div>
<div class="code-name">#icon-toy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-goumaipianhao"></use>
</svg>
<div class="name">购买偏好</div>
<div class="code-name">#icon-goumaipianhao</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sport"></use>
</svg>
<div class="name">sport</div>
<div class="code-name">#icon-sport</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Subscribe"></use>
</svg>
<div class="name">Subscribe</div>
<div class="code-name">#icon-Subscribe</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-creditcard"></use>
</svg>
<div class="name">credit card</div>
<div class="code-name">#icon-creditcard</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-becomeagoldsupplier"></use>
</svg>
<div class="name">become a gold supplier</div>
<div class="code-name">#icon-becomeagoldsupplier</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-contacts"></use>
</svg>
<div class="name">contacts</div>
<div class="code-name">#icon-contacts</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-new"></use>
</svg>
<div class="name">new</div>
<div class="code-name">#icon-new</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-checkstand"></use>
</svg>
<div class="name">checkstand</div>
<div class="code-name">#icon-checkstand</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-free"></use>
</svg>
<div class="name">free</div>
<div class="code-name">#icon-free</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-aviation"></use>
</svg>
<div class="name">aviation</div>
<div class="code-name">#icon-aviation</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cad-fill"></use>
</svg>
<div class="name">cad-fill</div>
<div class="code-name">#icon-cad-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Daytimemode"></use>
</svg>
<div class="name">Daytime mode</div>
<div class="code-name">#icon-Daytimemode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-robot"></use>
</svg>
<div class="name">robot</div>
<div class="code-name">#icon-robot</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-infantmom"></use>
</svg>
<div class="name">infant & mom</div>
<div class="code-name">#icon-infantmom</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-inspection1"></use>
</svg>
<div class="name">inspection</div>
<div class="code-name">#icon-inspection1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-discounts"></use>
</svg>
<div class="name">discounts</div>
<div class="code-name">#icon-discounts</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-block"></use>
</svg>
<div class="name">block</div>
<div class="code-name">#icon-block</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-invoice"></use>
</svg>
<div class="name">invoice</div>
<div class="code-name">#icon-invoice</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shouhuoicon"></use>
</svg>
<div class="name">收货icon</div>
<div class="code-name">#icon-shouhuoicon</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-insurance"></use>
</svg>
<div class="name">insurance</div>
<div class="code-name">#icon-insurance</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nightmode"></use>
</svg>
<div class="name">night mode</div>
<div class="code-name">#icon-nightmode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-usercenter"></use>
</svg>
<div class="name">user center</div>
<div class="code-name">#icon-usercenter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-unlock"></use>
</svg>
<div class="name">unlock</div>
<div class="code-name">#icon-unlock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vip"></use>
</svg>
<div class="name">vip</div>
<div class="code-name">#icon-vip</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wallet"></use>
</svg>
<div class="name">wallet</div>
<div class="code-name">#icon-wallet</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-landtransportation"></use>
</svg>
<div class="name">land transportation</div>
<div class="code-name">#icon-landtransportation</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-voice"></use>
</svg>
<div class="name">voice</div>
<div class="code-name">#icon-voice</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exchangerate"></use>
</svg>
<div class="name">exchange rate</div>
<div class="code-name">#icon-exchangerate</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-contacts-fill"></use>
</svg>
<div class="name">contacts-fill</div>
<div class="code-name">#icon-contacts-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-account1"></use>
</svg>
<div class="name">add-account</div>
<div class="code-name">#icon-add-account1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-years-fill"></use>
</svg>
<div class="name">2years-fill</div>
<div class="code-name">#icon-years-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-cart-fill"></use>
</svg>
<div class="name">add-cart-fill</div>
<div class="code-name">#icon-add-cart-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-fill"></use>
</svg>
<div class="name">add-fill</div>
<div class="code-name">#icon-add-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-all-fill1"></use>
</svg>
<div class="name">all-fill</div>
<div class="code-name">#icon-all-fill1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ashbin-fill"></use>
</svg>
<div class="name">ashbin-fill</div>
<div class="code-name">#icon-ashbin-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-calendar-fill"></use>
</svg>
<div class="name">calendar-fill</div>
<div class="code-name">#icon-calendar-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bad-fill"></use>
</svg>
<div class="name">bad-fill</div>
<div class="code-name">#icon-bad-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bussiness-man-fill"></use>
</svg>
<div class="name">bussiness-man-fill</div>
<div class="code-name">#icon-bussiness-man-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-atm-fill"></use>
</svg>
<div class="name">atm-fill</div>
<div class="code-name">#icon-atm-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart-full-fill"></use>
</svg>
<div class="name">cart- full-fill</div>
<div class="code-name">#icon-cart-full-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart-Empty-fill"></use>
</svg>
<div class="name">cart-Empty-fill</div>
<div class="code-name">#icon-cart-Empty-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cameraswitching-fill"></use>
</svg>
<div class="name">camera switching-fill</div>
<div class="code-name">#icon-cameraswitching-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-atm-away-fill"></use>
</svg>
<div class="name">atm-away-fill</div>
<div class="code-name">#icon-atm-away-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-certified-supplier-fill"></use>
</svg>
<div class="name">certified-supplier-fill</div>
<div class="code-name">#icon-certified-supplier-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-calculator-fill"></use>
</svg>
<div class="name">calculator-fill</div>
<div class="code-name">#icon-calculator-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clock-fill"></use>
</svg>
<div class="name">clock-fill</div>
<div class="code-name">#icon-clock-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ali-clould-fill"></use>
</svg>
<div class="name">ali-clould-fill</div>
<div class="code-name">#icon-ali-clould-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-color-fill"></use>
</svg>
<div class="name">color-fill</div>
<div class="code-name">#icon-color-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-coupons-fill"></use>
</svg>
<div class="name">coupons-fill</div>
<div class="code-name">#icon-coupons-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cecurity-protection-fill"></use>
</svg>
<div class="name">cecurity-protection-fill</div>
<div class="code-name">#icon-cecurity-protection-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-credit-level-fill"></use>
</svg>
<div class="name">credit-level-fill</div>
<div class="code-name">#icon-credit-level-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-auto"></use>
</svg>
<div class="name">auto</div>
<div class="code-name">#icon-auto</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-default-template-fill"></use>
</svg>
<div class="name">default-template-fill</div>
<div class="code-name">#icon-default-template-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-all"></use>
</svg>
<div class="name">all</div>
<div class="code-name">#icon-all</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-CurrencyConverter-fill"></use>
</svg>
<div class="name">Currency Converter-fill</div>
<div class="code-name">#icon-CurrencyConverter-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bussiness-man"></use>
</svg>
<div class="name">bussiness-man</div>
<div class="code-name">#icon-bussiness-man</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Customermanagement-fill"></use>
</svg>
<div class="name">Customer management-fill</div>
<div class="code-name">#icon-Customermanagement-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-component"></use>
</svg>
<div class="name">component</div>
<div class="code-name">#icon-component</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-discounts-fill"></use>
</svg>
<div class="name">discounts-fill</div>
<div class="code-name">#icon-discounts-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-code"></use>
</svg>
<div class="name">code</div>
<div class="code-name">#icon-code</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Daytimemode-fill"></use>
</svg>
<div class="name">Daytime mode-fill</div>
<div class="code-name">#icon-Daytimemode-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-copy"></use>
</svg>
<div class="name">copy</div>
<div class="code-name">#icon-copy</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-exl-fill"></use>
</svg>
<div class="name">exl-fill</div>
<div class="code-name">#icon-exl-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dollar"></use>
</svg>
<div class="name">dollar</div>
<div class="code-name">#icon-dollar</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cry-fill"></use>
</svg>
<div class="name">cry-fill</div>
<div class="code-name">#icon-cry-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-history"></use>
</svg>
<div class="name">history</div>
<div class="code-name">#icon-history</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-email-fill"></use>
</svg>
<div class="name">email-fill</div>
<div class="code-name">#icon-email-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-editor"></use>
</svg>
<div class="name">editor</div>
<div class="code-name">#icon-editor</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-filter-fill"></use>
</svg>
<div class="name">filter-fill</div>
<div class="code-name">#icon-filter-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-data"></use>
</svg>
<div class="name">data</div>
<div class="code-name">#icon-data</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-folder-fill"></use>
</svg>
<div class="name">folder-fill</div>
<div class="code-name">#icon-folder-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gift"></use>
</svg>
<div class="name">gift</div>
<div class="code-name">#icon-gift</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-feeds-fill"></use>
</svg>
<div class="name">feeds-fill</div>
<div class="code-name">#icon-feeds-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-integral"></use>
</svg>
<div class="name">integral</div>
<div class="code-name">#icon-integral</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-gold-supplie-fill"></use>
</svg>
<div class="name">gold-supplie-fill</div>
<div class="code-name">#icon-gold-supplie-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nav-list"></use>
</svg>
<div class="name">nav-list</div>
<div class="code-name">#icon-nav-list</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-form-fill"></use>
</svg>
<div class="name">form-fill</div>
<div class="code-name">#icon-form-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pic"></use>
</svg>
<div class="name">pic</div>
<div class="code-name">#icon-pic</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-camera-fill"></use>
</svg>
<div class="name">camera-fill</div>
<div class="code-name">#icon-camera-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Notvisible"></use>
</svg>
<div class="name">Not visible</div>
<div class="code-name">#icon-Notvisible</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-good-fill"></use>
</svg>
<div class="name">good-fill</div>
<div class="code-name">#icon-good-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-play"></use>
</svg>
<div class="name">play</div>
<div class="code-name">#icon-play</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-image-text-fill"></use>
</svg>
<div class="name">image-text-fill</div>
<div class="code-name">#icon-image-text-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rising"></use>
</svg>
<div class="name">rising</div>
<div class="code-name">#icon-rising</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-inspection-fill"></use>
</svg>
<div class="name">inspection-fill</div>
<div class="code-name">#icon-inspection-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-QRcode"></use>
</svg>
<div class="name">QRcode</div>
<div class="code-name">#icon-QRcode</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-hot-fill"></use>
</svg>
<div class="name">hot-fill</div>
<div class="code-name">#icon-hot-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rmb"></use>
</svg>
<div class="name">rmb</div>
<div class="code-name">#icon-rmb</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-company-fill"></use>
</svg>
<div class="name">company-fill</div>
<div class="code-name">#icon-company-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-similar-product"></use>
</svg>
<div class="name">similar-product</div>
<div class="code-name">#icon-similar-product</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-discount-fill"></use>
</svg>
<div class="name">discount-fill</div>
<div class="code-name">#icon-discount-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Exportservices"></use>
</svg>
<div class="name">export services</div>
<div class="code-name">#icon-Exportservices</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-insurance-fill"></use>
</svg>
<div class="name">insurance-fill</div>
<div class="code-name">#icon-insurance-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sendinquiry"></use>
</svg>
<div class="name">send inquiry</div>
<div class="code-name">#icon-sendinquiry</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-inquiry-template-fill"></use>
</svg>
<div class="name">inquiry-template-fill</div>
<div class="code-name">#icon-inquiry-template-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-all-fill"></use>
</svg>
<div class="name">all-fill</div>
<div class="code-name">#icon-all-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-leftbutton-fill"></use>
</svg>
<div class="name">left button-fill</div>
<div class="code-name">#icon-leftbutton-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-favorites-fill"></use>
</svg>
<div class="name">favorites-fill</div>
<div class="code-name">#icon-favorites-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-integral-fill1"></use>
</svg>
<div class="name">integral-fill</div>
<div class="code-name">#icon-integral-fill1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-integral-fill"></use>
</svg>
<div class="name">integral-fill</div>
<div class="code-name">#icon-integral-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-help1"></use>
</svg>
<div class="name">help</div>
<div class="code-name">#icon-help1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-namecard-fill"></use>
</svg>
<div class="name">namecard-fill</div>
<div class="code-name">#icon-namecard-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-listing-content-fill"></use>
</svg>
<div class="name">listing-content-fill</div>
<div class="code-name">#icon-listing-content-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pic-fill"></use>
</svg>
<div class="name">pic-fill</div>
<div class="code-name">#icon-pic-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-logistic-logo-fill"></use>
</svg>
<div class="name">logistic-logo-fill</div>
<div class="code-name">#icon-logistic-logo-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-play-fill"></use>
</svg>
<div class="name">play-fill</div>
<div class="code-name">#icon-play-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Moneymanagement-fill"></use>
</svg>
<div class="name">Money management-fill</div>
<div class="code-name">#icon-Moneymanagement-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-prompt-fill"></use>
</svg>
<div class="name">prompt-fill</div>
<div class="code-name">#icon-prompt-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-manage-order-fill"></use>
</svg>
<div class="name">manage-order-fill</div>
<div class="code-name">#icon-manage-order-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-stop-fill"></use>
</svg>
<div class="name">stop-fill</div>
<div class="code-name">#icon-stop-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-multi-language-fill"></use>
</svg>
<div class="name">multi-language-fill</div>
<div class="code-name">#icon-multi-language-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-column"></use>
</svg>
<div class="name">3column</div>
<div class="code-name">#icon-column</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-logistics-icon-fill"></use>
</svg>
<div class="name">logistics-icon-fill</div>
<div class="code-name">#icon-logistics-icon-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-account"></use>
</svg>
<div class="name">add-account</div>
<div class="code-name">#icon-add-account</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Newuserzone-fill"></use>
</svg>
<div class="name">New user zone-fill</div>
<div class="code-name">#icon-Newuserzone-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-column1"></use>
</svg>
<div class="name">4column</div>
<div class="code-name">#icon-column1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-nightmode-fill"></use>
</svg>
<div class="name">night mode-fill</div>
<div class="code-name">#icon-nightmode-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add"></use>
</svg>
<div class="name">add</div>
<div class="code-name">#icon-add</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-office-supplies-fill"></use>
</svg>
<div class="name">office-supplies-fill</div>
<div class="code-name">#icon-office-supplies-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-agriculture"></use>
</svg>
<div class="name">agriculture</div>
<div class="code-name">#icon-agriculture</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-notice-fill"></use>
</svg>
<div class="name">notice-fill</div>
<div class="code-name">#icon-notice-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-years"></use>
</svg>
<div class="name">2years</div>
<div class="code-name">#icon-years</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-mute"></use>
</svg>
<div class="name">mute</div>
<div class="code-name">#icon-mute</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-add-cart"></use>
</svg>
<div class="name">add-cart</div>
<div class="code-name">#icon-add-cart</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-order-fill"></use>
</svg>
<div class="name">order-fill</div>
<div class="code-name">#icon-order-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-right"></use>
</svg>
<div class="name">arrow-right</div>
<div class="code-name">#icon-arrow-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-password1"></use>
</svg>
<div class="name">password</div>
<div class="code-name">#icon-password1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-left"></use>
</svg>
<div class="name">arrow-left</div>
<div class="code-name">#icon-arrow-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-map1"></use>
</svg>
<div class="name">map</div>
<div class="code-name">#icon-map1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-apparel"></use>
</svg>
<div class="name">apparel</div>
<div class="code-name">#icon-apparel</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-paylater-fill"></use>
</svg>
<div class="name">paylater-fill</div>
<div class="code-name">#icon-paylater-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-all1"></use>
</svg>
<div class="name">all</div>
<div class="code-name">#icon-all1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone-fill"></use>
</svg>
<div class="name">phone-fill</div>
<div class="code-name">#icon-phone-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-arrow-up"></use>
</svg>
<div class="name">arrow-up</div>
<div class="code-name">#icon-arrow-up</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-online-tracking-fill"></use>
</svg>
<div class="name">online-tracking-fill</div>
<div class="code-name">#icon-online-tracking-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ascending"></use>
</svg>
<div class="name">ascending</div>
<div class="code-name">#icon-ascending</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-play-fill1"></use>
</svg>
<div class="name">play-fill</div>
<div class="code-name">#icon-play-fill1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ashbin"></use>
</svg>
<div class="name">ashbin</div>
<div class="code-name">#icon-ashbin</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pdf-fill"></use>
</svg>
<div class="name">pdf-fill</div>
<div class="code-name">#icon-pdf-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-atm"></use>
</svg>
<div class="name">atm</div>
<div class="code-name">#icon-atm</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-phone1"></use>
</svg>
<div class="name">phone</div>
<div class="code-name">#icon-phone1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bad"></use>
</svg>
<div class="name">bad</div>
<div class="code-name">#icon-bad</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pin-fill"></use>
</svg>
<div class="name">pin-fill</div>
<div class="code-name">#icon-pin-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-attachent"></use>
</svg>
<div class="name">attachent</div>
<div class="code-name">#icon-attachent</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-product-fill"></use>
</svg>
<div class="name">product-fill</div>
<div class="code-name">#icon-product-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-browse"></use>
</svg>
<div class="name">browse</div>
<div class="code-name">#icon-browse</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rankinglist-fill"></use>
</svg>
<div class="name">ranking list-fill</div>
<div class="code-name">#icon-rankinglist-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-beauty"></use>
</svg>
<div class="name">beauty</div>
<div class="code-name">#icon-beauty</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reduce-fill"></use>
</svg>
<div class="name">reduce-fill</div>
<div class="code-name">#icon-reduce-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-atm-away"></use>
</svg>
<div class="name">atm-away</div>
<div class="code-name">#icon-atm-away</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-reeor-fill"></use>
</svg>
<div class="name">reeor-fill</div>
<div class="code-name">#icon-reeor-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-assessed-badge"></use>
</svg>
<div class="name">assessed-badge</div>
<div class="code-name">#icon-assessed-badge</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-pic-fill1"></use>
</svg>
<div class="name">pic-fill</div>
<div class="code-name">#icon-pic-fill1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-auto1"></use>
</svg>
<div class="name">auto</div>
<div class="code-name">#icon-auto1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-rankinglist"></use>
</svg>
<div class="name">ranking list</div>
<div class="code-name">#icon-rankinglist</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-bags"></use>
</svg>
<div class="name">bags</div>
<div class="code-name">#icon-bags</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-product1"></use>
</svg>
<div class="name">product</div>
<div class="code-name">#icon-product1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-calendar"></use>
</svg>
<div class="name">calendar</div>
<div class="code-name">#icon-calendar</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-prompt-fill1"></use>
</svg>
<div class="name">prompt-fill</div>
<div class="code-name">#icon-prompt-fill1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart-full"></use>
</svg>
<div class="name">cart- full</div>
<div class="code-name">#icon-cart-full</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-resonserate-fill"></use>
</svg>
<div class="name">resonse rate-fill</div>
<div class="code-name">#icon-resonserate-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-calculator"></use>
</svg>
<div class="name">calculator</div>
<div class="code-name">#icon-calculator</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-remind-fill"></use>
</svg>
<div class="name">remind-fill</div>
<div class="code-name">#icon-remind-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cameraswitching"></use>
</svg>
<div class="name">camera switching</div>
<div class="code-name">#icon-cameraswitching</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Rightbutton-fill"></use>
</svg>
<div class="name">Right button-fill</div>
<div class="code-name">#icon-Rightbutton-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cecurity-protection"></use>
</svg>
<div class="name">cecurity-protection</div>
<div class="code-name">#icon-cecurity-protection</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-RFQ-logo-fill"></use>
</svg>
<div class="name">RFQ-logo-fill</div>
<div class="code-name">#icon-RFQ-logo-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-category"></use>
</svg>
<div class="name">category</div>
<div class="code-name">#icon-category</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-RFQ-word-fill"></use>
</svg>
<div class="name">RFQ-word-fill</div>
<div class="code-name">#icon-RFQ-word-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-close"></use>
</svg>
<div class="name">close</div>
<div class="code-name">#icon-close</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-searchcart-fill"></use>
</svg>
<div class="name">search cart-fill</div>
<div class="code-name">#icon-searchcart-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-certified-supplier"></use>
</svg>
<div class="name">certified-supplier</div>
<div class="code-name">#icon-certified-supplier</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-salescenter-fill"></use>
</svg>
<div class="name">sales center-fill</div>
<div class="code-name">#icon-salescenter-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cart-Empty"></use>
</svg>
<div class="name">cart-Empty</div>
<div class="code-name">#icon-cart-Empty</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-save-fill"></use>
</svg>
<div class="name">save-fill</div>
<div class="code-name">#icon-save-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-code1"></use>
</svg>
<div class="name">code</div>
<div class="code-name">#icon-code1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-security-fill"></use>
</svg>
<div class="name">security-fill</div>
<div class="code-name">#icon-security-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-color"></use>
</svg>
<div class="name">color</div>
<div class="code-name">#icon-color</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Similarproducts-fill"></use>
</svg>
<div class="name">category products-fill</div>
<div class="code-name">#icon-Similarproducts-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-conditions"></use>
</svg>
<div class="name">conditions</div>
<div class="code-name">#icon-conditions</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-signboard-fill"></use>
</svg>
<div class="name">signboard-fill</div>
<div class="code-name">#icon-signboard-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-confirm"></use>
</svg>
<div class="name">confirm</div>
<div class="code-name">#icon-confirm</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-service-fill"></use>
</svg>
<div class="name">service-fill</div>
<div class="code-name">#icon-service-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-company"></use>
</svg>
<div class="name">company</div>
<div class="code-name">#icon-company</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-shuffling-banner-fill"></use>
</svg>
<div class="name">shuffling-banner-fill</div>
<div class="code-name">#icon-shuffling-banner-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-ali-clould"></use>
</svg>
<div class="name">ali-clould</div>
<div class="code-name">#icon-ali-clould</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-supplier-features-fill"></use>
</svg>
<div class="name">supplier-features-fill</div>
<div class="code-name">#icon-supplier-features-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-copy1"></use>
</svg>
<div class="name">copy</div>
<div class="code-name">#icon-copy1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-store-fill"></use>
</svg>
<div class="name">store-fill</div>
<div class="code-name">#icon-store-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-credit-level"></use>
</svg>
<div class="name">credit-level</div>
<div class="code-name">#icon-credit-level</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-smile-fill"></use>
</svg>
<div class="name">smile-fill</div>
<div class="code-name">#icon-smile-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-coupons"></use>
</svg>
<div class="name">coupons</div>
<div class="code-name">#icon-coupons</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-success-fill"></use>
</svg>
<div class="name">success-fill</div>
<div class="code-name">#icon-success-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-connections"></use>
</svg>
<div class="name">connections</div>
<div class="code-name">#icon-connections</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sound-filling-fill"></use>
</svg>
<div class="name">sound-filling-fill</div>
<div class="code-name">#icon-sound-filling-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cry"></use>
</svg>
<div class="name">cry</div>
<div class="code-name">#icon-cry</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-sound-Mute1"></use>
</svg>
<div class="name">sound-Mute</div>
<div class="code-name">#icon-sound-Mute1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-costoms-alearance"></use>
</svg>
<div class="name">costoms-alearance</div>
<div class="code-name">#icon-costoms-alearance</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-suspended-fill"></use>
</svg>
<div class="name">suspended-fill</div>
<div class="code-name">#icon-suspended-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-clock"></use>
</svg>
<div class="name">clock</div>
<div class="code-name">#icon-clock</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-tool-fill"></use>
</svg>
<div class="name">tool-fill</div>
<div class="code-name">#icon-tool-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-CurrencyConverter"></use>
</svg>
<div class="name">Currency Converter</div>
<div class="code-name">#icon-CurrencyConverter</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-task-management-fill"></use>
</svg>
<div class="name">task-management-fill</div>
<div class="code-name">#icon-task-management-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-cut"></use>
</svg>
<div class="name">cut</div>
<div class="code-name">#icon-cut</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-unlock-fill"></use>
</svg>
<div class="name">unlock-fill</div>
<div class="code-name">#icon-unlock-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-data1"></use>
</svg>
<div class="name">data</div>
<div class="code-name">#icon-data1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-trust-fill"></use>
</svg>
<div class="name">trust-fill</div>
<div class="code-name">#icon-trust-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Customermanagement"></use>
</svg>
<div class="name">Customer management</div>
<div class="code-name">#icon-Customermanagement</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vip-fill"></use>
</svg>
<div class="name">vip-fill</div>
<div class="code-name">#icon-vip-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-descending"></use>
</svg>
<div class="name">descending</div>
<div class="code-name">#icon-descending</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-set1"></use>
</svg>
<div class="name">set</div>
<div class="code-name">#icon-set1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-double-arro-right"></use>
</svg>
<div class="name">double-arro- right</div>
<div class="code-name">#icon-double-arro-right</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-Top-fill"></use>
</svg>
<div class="name">top-fill</div>
<div class="code-name">#icon-Top-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-customization"></use>
</svg>
<div class="name">customization</div>
<div class="code-name">#icon-customization</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-viewlarger1"></use>
</svg>
<div class="name">view larger</div>
<div class="code-name">#icon-viewlarger1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-double-arrow-left"></use>
</svg>
<div class="name">double-arrow-left</div>
<div class="code-name">#icon-double-arrow-left</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-voice-fill"></use>
</svg>
<div class="name">voice-fill</div>
<div class="code-name">#icon-voice-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-discount"></use>
</svg>
<div class="name">discount</div>
<div class="code-name">#icon-discount</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-warning-fill"></use>
</svg>
<div class="name">warning-fill</div>
<div class="code-name">#icon-warning-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-download"></use>
</svg>
<div class="name">download</div>
<div class="code-name">#icon-download</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-warehouse-fill"></use>
</svg>
<div class="name">warehouse-fill</div>
<div class="code-name">#icon-warehouse-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-dollar1"></use>
</svg>
<div class="name">dollar</div>
<div class="code-name">#icon-dollar1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-zip-fill"></use>
</svg>
<div class="name">zip-fill</div>
<div class="code-name">#icon-zip-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-default-template"></use>
</svg>
<div class="name">default-template</div>
<div class="code-name">#icon-default-template</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-trade-assurance-fill"></use>
</svg>
<div class="name">trade-assurance-fill</div>
<div class="code-name">#icon-trade-assurance-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-editor1"></use>
</svg>
<div class="name">editor</div>
<div class="code-name">#icon-editor1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-vs-fill"></use>
</svg>
<div class="name">vs-fill</div>
<div class="code-name">#icon-vs-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-eletrical"></use>
</svg>
<div class="name">eletrical</div>
<div class="code-name">#icon-eletrical</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-video1"></use>
</svg>
<div class="name">video</div>
<div class="code-name">#icon-video1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-electronics"></use>
</svg>
<div class="name">electronics</div>
<div class="code-name">#icon-electronics</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-template-fill"></use>
</svg>
<div class="name">template-fill</div>
<div class="code-name">#icon-template-fill</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-etrical-equipm"></use>
</svg>
<div class="name">etrical-equipm</div>
<div class="code-name">#icon-etrical-equipm</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#icon-wallet1"></use>
</svg>
<div class="name">wallet</div>
<div class="code-name">#icon-wallet1</div>
</li>
</ul>
<div class="article markdown">
<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="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
<h3 id="-css-">第二步:加入通用 CSS 代码(引入一次就行):</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
&lt;/style&gt;
</code></pre>
<h3 id="-">第三步:挑选相应图标并获取类名,应用于页面:</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
&lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
</div>
</div>
</div>
</div>
<script>
$(document).ready(function () {
$('.tab-container .content:first').show()
$('#tabs li').click(function (e) {
var tabContent = $('.tab-container .content')
var index = $(this).index()
if ($(this).hasClass('active')) {
return
} else {
$('#tabs li').removeClass('active')
$(this).addClass('active')
tabContent.hide().eq(index).fadeIn()
}
})
})
</script>
</body>
</html>