v3-json-canvas
Version:
UI Components built on Vue3, Generating HTML 5 pages through JSON
1,316 lines (1,099 loc) • 536 kB
HTML
<!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>
</head>
<body>
<div class="main">
<h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank"></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=1664026" 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"></span>
<div class="name">work-filling</div>
<div class="code-name">&#xe723;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">task-filling</div>
<div class="code-name">&#xe724;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">success-filling</div>
<div class="code-name">&#xe725;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">warning-filling</div>
<div class="code-name">&#xe727;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">folder-filling</div>
<div class="code-name">&#xe728;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">map-filling</div>
<div class="code-name">&#xe729;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">prompt-filling</div>
<div class="code-name">&#xe72b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">meh-filling</div>
<div class="code-name">&#xe72c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">cry-filling</div>
<div class="code-name">&#xe72d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">top-filling</div>
<div class="code-name">&#xe731;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">home-filling</div>
<div class="code-name">&#xe732;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">sorting</div>
<div class="code-name">&#xe733;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">column-3</div>
<div class="code-name">&#xe663;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">column-4</div>
<div class="code-name">&#xe664;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">add</div>
<div class="code-name">&#xe665;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">add-circle</div>
<div class="code-name">&#xe666;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">adjust</div>
<div class="code-name">&#xe667;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-up-circle</div>
<div class="code-name">&#xe668;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-right-circle</div>
<div class="code-name">&#xe669;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-down</div>
<div class="code-name">&#xe66a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">ashbin</div>
<div class="code-name">&#xe66b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-right</div>
<div class="code-name">&#xe66c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">browse</div>
<div class="code-name">&#xe66d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">bottom</div>
<div class="code-name">&#xe66e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">back</div>
<div class="code-name">&#xe66f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">bad</div>
<div class="code-name">&#xe670;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-double-left</div>
<div class="code-name">&#xe671;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-left-circle</div>
<div class="code-name">&#xe672;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-double-right</div>
<div class="code-name">&#xe673;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">caps-lock</div>
<div class="code-name">&#xe674;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">camera</div>
<div class="code-name">&#xe675;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">chart-bar</div>
<div class="code-name">&#xe676;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">attachment</div>
<div class="code-name">&#xe677;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">code</div>
<div class="code-name">&#xe678;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">close</div>
<div class="code-name">&#xe679;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">check-item</div>
<div class="code-name">&#xe67a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">calendar</div>
<div class="code-name">&#xe67b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">comment</div>
<div class="code-name">&#xe67c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">column-vertical</div>
<div class="code-name">&#xe67d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">column-horizontal</div>
<div class="code-name">&#xe67e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">complete</div>
<div class="code-name">&#xe67f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">chart-pie</div>
<div class="code-name">&#xe680;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">cry</div>
<div class="code-name">&#xe681;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">customer-service</div>
<div class="code-name">&#xe682;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">delete</div>
<div class="code-name">&#xe683;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">direction-down</div>
<div class="code-name">&#xe684;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">copy</div>
<div class="code-name">&#xe685;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">cut</div>
<div class="code-name">&#xe686;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">data-view</div>
<div class="code-name">&#xe687;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">direction-down-circle</div>
<div class="code-name">&#xe688;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">direction-right</div>
<div class="code-name">&#xe689;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">direction-up</div>
<div class="code-name">&#xe68a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">discount</div>
<div class="code-name">&#xe68b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">direction-left</div>
<div class="code-name">&#xe68c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">download</div>
<div class="code-name">&#xe68d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">electronics</div>
<div class="code-name">&#xe68e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">drag</div>
<div class="code-name">&#xe68f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">elipsis</div>
<div class="code-name">&#xe690;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">export</div>
<div class="code-name">&#xe691;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">explain</div>
<div class="code-name">&#xe692;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">edit</div>
<div class="code-name">&#xe693;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">eye-close</div>
<div class="code-name">&#xe694;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">email</div>
<div class="code-name">&#xe695;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">error</div>
<div class="code-name">&#xe696;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">favorite</div>
<div class="code-name">&#xe697;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">file-common</div>
<div class="code-name">&#xe698;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">file-delete</div>
<div class="code-name">&#xe699;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">file-add</div>
<div class="code-name">&#xe69a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">film</div>
<div class="code-name">&#xe69b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">fabulous</div>
<div class="code-name">&#xe69c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">file</div>
<div class="code-name">&#xe69d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">folder-close</div>
<div class="code-name">&#xe69e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">filter</div>
<div class="code-name">&#xe69f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">good</div>
<div class="code-name">&#xe6a0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">hide</div>
<div class="code-name">&#xe6a1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">home</div>
<div class="code-name">&#xe6a2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">history</div>
<div class="code-name">&#xe6a3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">file-open</div>
<div class="code-name">&#xe6a4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">forward</div>
<div class="code-name">&#xe6a5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">import</div>
<div class="code-name">&#xe6a6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">image-text</div>
<div class="code-name">&#xe6a7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">keyboard-26</div>
<div class="code-name">&#xe6a8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">keyboard-9</div>
<div class="code-name">&#xe6a9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">link</div>
<div class="code-name">&#xe6aa;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">layout</div>
<div class="code-name">&#xe6ab;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">fullscreen-shrink</div>
<div class="code-name">&#xe6ac;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">layers</div>
<div class="code-name">&#xe6ad;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">lock</div>
<div class="code-name">&#xe6ae;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">fullscreen-expand</div>
<div class="code-name">&#xe6af;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">map</div>
<div class="code-name">&#xe6b0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">meh</div>
<div class="code-name">&#xe6b1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">menu</div>
<div class="code-name">&#xe6b2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">loading</div>
<div class="code-name">&#xe6b3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">help</div>
<div class="code-name">&#xe6b4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">minus-circle</div>
<div class="code-name">&#xe6b5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">modular</div>
<div class="code-name">&#xe6b6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">notification</div>
<div class="code-name">&#xe6b7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">mic</div>
<div class="code-name">&#xe6b8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">more</div>
<div class="code-name">&#xe6b9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">pad</div>
<div class="code-name">&#xe6ba;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">operation</div>
<div class="code-name">&#xe6bb;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">play</div>
<div class="code-name">&#xe6bc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">print</div>
<div class="code-name">&#xe6bd;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">mobile-phone</div>
<div class="code-name">&#xe6be;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">minus</div>
<div class="code-name">&#xe6bf;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">navigation</div>
<div class="code-name">&#xe6c0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">pdf</div>
<div class="code-name">&#xe6c1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">prompt</div>
<div class="code-name">&#xe6c2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">move</div>
<div class="code-name">&#xe6c3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">refresh</div>
<div class="code-name">&#xe6c4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">run-up</div>
<div class="code-name">&#xe6c5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">picture</div>
<div class="code-name">&#xe6c6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">run-in</div>
<div class="code-name">&#xe6c7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">pin</div>
<div class="code-name">&#xe6c8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">save</div>
<div class="code-name">&#xe6c9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">search</div>
<div class="code-name">&#xe6ca;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">share</div>
<div class="code-name">&#xe6cb;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">scanning</div>
<div class="code-name">&#xe6cc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">security</div>
<div class="code-name">&#xe6cd;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">sign-out</div>
<div class="code-name">&#xe6ce;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">select</div>
<div class="code-name">&#xe6cf;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">stop</div>
<div class="code-name">&#xe6d0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">success</div>
<div class="code-name">&#xe6d1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">smile</div>
<div class="code-name">&#xe6d2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">switch</div>
<div class="code-name">&#xe6d3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">setting</div>
<div class="code-name">&#xe6d4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">survey</div>
<div class="code-name">&#xe6d5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">task</div>
<div class="code-name">&#xe6d6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">skip</div>
<div class="code-name">&#xe6d7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">text</div>
<div class="code-name">&#xe6d8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">time</div>
<div class="code-name">&#xe6d9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">telephone-out</div>
<div class="code-name">&#xe6da;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">toggle-left</div>
<div class="code-name">&#xe6db;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">toggle-right</div>
<div class="code-name">&#xe6dc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">telephone</div>
<div class="code-name">&#xe6dd;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">top</div>
<div class="code-name">&#xe6de;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">unlock</div>
<div class="code-name">&#xe6df;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">user</div>
<div class="code-name">&#xe6e0;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">upload</div>
<div class="code-name">&#xe6e1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">work</div>
<div class="code-name">&#xe6e2;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">training</div>
<div class="code-name">&#xe6e3;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">warning</div>
<div class="code-name">&#xe6e4;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">zoom-in</div>
<div class="code-name">&#xe6e5;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">zoom-out</div>
<div class="code-name">&#xe6e6;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">add-bold</div>
<div class="code-name">&#xe6e7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-left-bold</div>
<div class="code-name">&#xe6e8;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-up-bold</div>
<div class="code-name">&#xe6e9;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">close-bold</div>
<div class="code-name">&#xe6ea;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-down-bold</div>
<div class="code-name">&#xe6ec;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">minus-bold</div>
<div class="code-name">&#xe6ed;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-right-bold</div>
<div class="code-name">&#xe6ee;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">select-bold</div>
<div class="code-name">&#xe6f1;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-up-filling</div>
<div class="code-name">&#xe6f7;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-down-filling</div>
<div class="code-name">&#xe6fc;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-left-filling</div>
<div class="code-name">&#xe700;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">arrow-right-filling</div>
<div class="code-name">&#xe706;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">caps-unlock-filling</div>
<div class="code-name">&#xe708;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">comment-filling</div>
<div class="code-name">&#xe709;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">check-item-filling</div>
<div class="code-name">&#xe70a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">clock-filling</div>
<div class="code-name">&#xe70b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">delete-filling</div>
<div class="code-name">&#xe70c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">decline-filling</div>
<div class="code-name">&#xe70e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">dynamic-filling</div>
<div class="code-name">&#xe70f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">intermediate-filling</div>
<div class="code-name">&#xe710;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">favorite-filling</div>
<div class="code-name">&#xe711;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">layout-filling</div>
<div class="code-name">&#xe712;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">help-filling</div>
<div class="code-name">&#xe713;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">history-filling</div>
<div class="code-name">&#xe714;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">filter-filling</div>
<div class="code-name">&#xe715;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">file-common-filling</div>
<div class="code-name">&#xe716;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">news-filling</div>
<div class="code-name">&#xe717;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">edit-filling</div>
<div class="code-name">&#xe719;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">fullscreen-expand-filling</div>
<div class="code-name">&#xe71a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">smile-filling</div>
<div class="code-name">&#xe71b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">rise-filling</div>
<div class="code-name">&#xe71c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">picture-filling</div>
<div class="code-name">&#xe71d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">notification-filling</div>
<div class="code-name">&#xe71e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">user-filling</div>
<div class="code-name">&#xe71f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">setting-filling</div>
<div class="code-name">&#xe720;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">switch-filling</div>
<div class="code-name">&#xe722;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">attachent</div>
<div class="code-name">&#xe751;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">product-fill</div>
<div class="code-name">&#xe851;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">browse</div>
<div class="code-name">&#xe752;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">ranking list-fill</div>
<div class="code-name">&#xe852;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">beauty</div>
<div class="code-name">&#xe753;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">reduce-fill</div>
<div class="code-name">&#xe853;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">atm-away</div>
<div class="code-name">&#xe754;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">reeor-fill</div>
<div class="code-name">&#xe854;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">assessed-badge</div>
<div class="code-name">&#xe755;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">pic-fill</div>
<div class="code-name">&#xe855;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">auto</div>
<div class="code-name">&#xe756;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">ranking list</div>
<div class="code-name">&#xe856;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">bags</div>
<div class="code-name">&#xe757;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">product</div>
<div class="code-name">&#xe857;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">calendar</div>
<div class="code-name">&#xe758;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">prompt-fill</div>
<div class="code-name">&#xe858;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">cart- full</div>
<div class="code-name">&#xe759;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">resonse rate-fill</div>
<div class="code-name">&#xe859;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">calculator</div>
<div class="code-name">&#xe75a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">remind-fill</div>
<div class="code-name">&#xe85a;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">camera switching</div>
<div class="code-name">&#xe75b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">Right button-fill</div>
<div class="code-name">&#xe85b;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">cecurity-protection</div>
<div class="code-name">&#xe75c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">RFQ-logo-fill</div>
<div class="code-name">&#xe85c;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">category</div>
<div class="code-name">&#xe75d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">RFQ-word-fill</div>
<div class="code-name">&#xe85d;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">close</div>
<div class="code-name">&#xe75e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">search cart-fill</div>
<div class="code-name">&#xe85e;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">certified-supplier</div>
<div class="code-name">&#xe75f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">sales center-fill</div>
<div class="code-name">&#xe85f;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">cart-Empty</div>
<div class="code-name">&#xe760;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">save-fill</div>
<div class="code-name">&#xe860;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">code</div>
<div class="code-name">&#xe761;</div>
</li>
<li class="dib">
<span class="icon iconfont"></span>
<div class="name">security-fill</div>
<div class="code-name">&#xe861;</div>