wangbd-myui
Version:
MY前端基础框架核心组件库
1,294 lines (1,081 loc) • 863 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont Demo</title>
<link rel="shortcut icon" href="https://img.alicdn.com/tps/i4/TB1_oz6GVXXXXaFXpXXJDFnIXXX-64-64.ico" type="image/x-icon"/>
<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=2221337" 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 my-icon"></span>
<div class="name">data-lnquire-fill</div>
<div class="code-name">&#xea0c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bold-arrow-left-fill</div>
<div class="code-name">&#xe65a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">earth</div>
<div class="code-name">&#xe75a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">news</div>
<div class="code-name">&#xe85a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">statistics</div>
<div class="code-name">&#xe95a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bold-arrow-up-fill</div>
<div class="code-name">&#xe65b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">ear-fill</div>
<div class="code-name">&#xe75b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">newspaper-fill</div>
<div class="code-name">&#xe85b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">ticket-fill</div>
<div class="code-name">&#xe95b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bold-arrow-right-fill</div>
<div class="code-name">&#xe65c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">firearms</div>
<div class="code-name">&#xe75c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">next-fill</div>
<div class="code-name">&#xe85c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">stop</div>
<div class="code-name">&#xe95c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bold-arrow-up</div>
<div class="code-name">&#xe65d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">fixed-fill</div>
<div class="code-name">&#xe75d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">map-ruler</div>
<div class="code-name">&#xe85d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">stomach-fill</div>
<div class="code-name">&#xe95d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bookmark</div>
<div class="code-name">&#xe65e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">fixed</div>
<div class="code-name">&#xe75e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">map-ruler-fill</div>
<div class="code-name">&#xe85e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">stop-fill</div>
<div class="code-name">&#xe95e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bookmark-fill</div>
<div class="code-name">&#xe65f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">flag</div>
<div class="code-name">&#xe75f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">policeman-fill</div>
<div class="code-name">&#xe85f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">stop-circle</div>
<div class="code-name">&#xe95f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">board</div>
<div class="code-name">&#xe660;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">flag-fill</div>
<div class="code-name">&#xe760;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">nfc</div>
<div class="code-name">&#xe860;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">story-building</div>
<div class="code-name">&#xe960;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">book-fill</div>
<div class="code-name">&#xe661;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">flask</div>
<div class="code-name">&#xe761;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">nfc-fill</div>
<div class="code-name">&#xe861;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">story-building-fill</div>
<div class="code-name">&#xe961;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">book</div>
<div class="code-name">&#xe662;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">fixed-telephone-fill</div>
<div class="code-name">&#xe762;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">no</div>
<div class="code-name">&#xe862;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">read</div>
<div class="code-name">&#xe962;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">branch</div>
<div class="code-name">&#xe663;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">exit</div>
<div class="code-name">&#xe763;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">kidney</div>
<div class="code-name">&#xe863;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">stranger-fill</div>
<div class="code-name">&#xe963;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">breathe</div>
<div class="code-name">&#xe664;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">explain</div>
<div class="code-name">&#xe764;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">nine-squares</div>
<div class="code-name">&#xe864;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">play</div>
<div class="code-name">&#xe964;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bluetooth-fill</div>
<div class="code-name">&#xe665;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">flask-fill</div>
<div class="code-name">&#xe765;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">no-fill</div>
<div class="code-name">&#xe865;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">plasma</div>
<div class="code-name">&#xe965;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">breathe-fill</div>
<div class="code-name">&#xe666;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">drug-fill</div>
<div class="code-name">&#xe766;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">nose</div>
<div class="code-name">&#xe866;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">momo</div>
<div class="code-name">&#xe966;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">broadcast</div>
<div class="code-name">&#xe667;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">flat-fill</div>
<div class="code-name">&#xe767;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">nose-fill</div>
<div class="code-name">&#xe867;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">subway</div>
<div class="code-name">&#xe967;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">briefcase</div>
<div class="code-name">&#xe668;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">flower-fill</div>
<div class="code-name">&#xe768;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">notebook</div>
<div class="code-name">&#xe868;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">stop-circle-fill</div>
<div class="code-name">&#xe968;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">briefcase-fill</div>
<div class="code-name">&#xe669;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">flower</div>
<div class="code-name">&#xe769;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">notebook-fill</div>
<div class="code-name">&#xe869;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">next-step-fill</div>
<div class="code-name">&#xe969;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">broadcast-fill</div>
<div class="code-name">&#xe66a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">floor-building</div>
<div class="code-name">&#xe76a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">note</div>
<div class="code-name">&#xe86a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pad</div>
<div class="code-name">&#xe96a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">branch-fill</div>
<div class="code-name">&#xe66b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">folder-fill</div>
<div class="code-name">&#xe76b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">motor</div>
<div class="code-name">&#xe86b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">transport</div>
<div class="code-name">&#xe96b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">brain</div>
<div class="code-name">&#xe66c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">eye-fill</div>
<div class="code-name">&#xe76c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">number-sign</div>
<div class="code-name">&#xe86c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">report-fill</div>
<div class="code-name">&#xe96c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">build-fill</div>
<div class="code-name">&#xe66d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">factory</div>
<div class="code-name">&#xe76d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">mic-off-fill</div>
<div class="code-name">&#xe86d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">server-update</div>
<div class="code-name">&#xe96d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bulb</div>
<div class="code-name">&#xe66e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">folder-open</div>
<div class="code-name">&#xe76e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">mic-on</div>
<div class="code-name">&#xe86e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">rise-full</div>
<div class="code-name">&#xe96e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">build</div>
<div class="code-name">&#xe66f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">factory-fill</div>
<div class="code-name">&#xe76f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">num-list</div>
<div class="code-name">&#xe86f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">sad-full</div>
<div class="code-name">&#xe96f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">brain-fill</div>
<div class="code-name">&#xe670;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">folder-open-fill</div>
<div class="code-name">&#xe770;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">odbc-fill</div>
<div class="code-name">&#xe870;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">relieve</div>
<div class="code-name">&#xe970;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bullseye</div>
<div class="code-name">&#xe671;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">failure-fill</div>
<div class="code-name">&#xe771;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">microscope</div>
<div class="code-name">&#xe871;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">police</div>
<div class="code-name">&#xe971;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bulb-fill</div>
<div class="code-name">&#xe672;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">foot-fill</div>
<div class="code-name">&#xe772;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">link-arrow-h-fill</div>
<div class="code-name">&#xe872;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">mind2</div>
<div class="code-name">&#xe972;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bus-fill</div>
<div class="code-name">&#xe673;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">father-son</div>
<div class="code-name">&#xe773;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">network</div>
<div class="code-name">&#xe873;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">rise</div>
<div class="code-name">&#xe973;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bullseye-fill</div>
<div class="code-name">&#xe674;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">four-squares</div>
<div class="code-name">&#xe774;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">network-fill</div>
<div class="code-name">&#xe874;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">relation-analysis-fill</div>
<div class="code-name">&#xe974;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">bus</div>
<div class="code-name">&#xe675;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">fax-fill</div>
<div class="code-name">&#xe775;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">mid</div>
<div class="code-name">&#xe875;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">roadblock-fill</div>
<div class="code-name">&#xe975;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">cainiao</div>
<div class="code-name">&#xe676;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">fence-fill</div>
<div class="code-name">&#xe776;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">link-fill</div>
<div class="code-name">&#xe876;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">prison</div>
<div class="code-name">&#xe976;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">call</div>
<div class="code-name">&#xe677;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">fence</div>
<div class="code-name">&#xe777;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">mid-fill</div>
<div class="code-name">&#xe877;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">relation-analysis</div>
<div class="code-name">&#xe977;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">calendar2-fill</div>
<div class="code-name">&#xe678;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">file</div>
<div class="code-name">&#xe778;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">orbit-fill</div>
<div class="code-name">&#xe878;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">relation</div>
<div class="code-name">&#xe978;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">calendar-fill</div>
<div class="code-name">&#xe679;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">gantt</div>
<div class="code-name">&#xe779;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">org</div>
<div class="code-name">&#xe879;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">time-fill</div>
<div class="code-name">&#xe979;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">calendar</div>
<div class="code-name">&#xe67a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">full-fill</div>
<div class="code-name">&#xe77a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">question-fill</div>
<div class="code-name">&#xe87a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">tongue</div>
<div class="code-name">&#xe97a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">calendar2</div>
<div class="code-name">&#xe67b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">ear</div>
<div class="code-name">&#xe77b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">mono-bottom-fill</div>
<div class="code-name">&#xe87b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">theft</div>
<div class="code-name">&#xe97b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">call-fill</div>
<div class="code-name">&#xe67c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">file-fill</div>
<div class="code-name">&#xe77c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">partake-fill</div>
<div class="code-name">&#xe87c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">statistics-fill</div>
<div class="code-name">&#xe97c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">camera</div>
<div class="code-name">&#xe67d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">files-fill</div>
<div class="code-name">&#xe77d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">loading-fill</div>
<div class="code-name">&#xe87d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">theft-fill</div>
<div class="code-name">&#xe97d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">camera-fill</div>
<div class="code-name">&#xe67e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">fingerprint</div>
<div class="code-name">&#xe77e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">palm-fill</div>
<div class="code-name">&#xe87e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">time</div>
<div class="code-name">&#xe97e;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">camera-old</div>
<div class="code-name">&#xe67f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">files</div>
<div class="code-name">&#xe77f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">paste</div>
<div class="code-name">&#xe87f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">suitcase</div>
<div class="code-name">&#xe97f;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">camera-old-fill</div>
<div class="code-name">&#xe680;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">gift</div>
<div class="code-name">&#xe780;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">paste-fill</div>
<div class="code-name">&#xe880;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">stomach</div>
<div class="code-name">&#xe980;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">building-fill</div>
<div class="code-name">&#xe681;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">go</div>
<div class="code-name">&#xe781;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">inbox</div>
<div class="code-name">&#xe881;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">suitcase-fill</div>
<div class="code-name">&#xe981;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">car2</div>
<div class="code-name">&#xe682;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">fingerprint-fill</div>
<div class="code-name">&#xe782;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pause-circle</div>
<div class="code-name">&#xe882;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">survival</div>
<div class="code-name">&#xe982;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">car2-fill</div>
<div class="code-name">&#xe683;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">gift-fill</div>
<div class="code-name">&#xe783;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pause-circle-fill</div>
<div class="code-name">&#xe883;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">stranger</div>
<div class="code-name">&#xe983;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">careful-fill</div>
<div class="code-name">&#xe684;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">go-fill</div>
<div class="code-name">&#xe784;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pause-fill</div>
<div class="code-name">&#xe884;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">supervision-fill</div>
<div class="code-name">&#xe984;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">careful</div>
<div class="code-name">&#xe685;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">gps-fill</div>
<div class="code-name">&#xe785;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pause</div>
<div class="code-name">&#xe885;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">supervision</div>
<div class="code-name">&#xe985;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">card-fill</div>
<div class="code-name">&#xe686;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">firearms-fill</div>
<div class="code-name">&#xe786;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pay-taobao</div>
<div class="code-name">&#xe886;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">survival-fill</div>
<div class="code-name">&#xe986;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">card</div>
<div class="code-name">&#xe687;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">grandma</div>
<div class="code-name">&#xe787;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">missfresh</div>
<div class="code-name">&#xe887;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">tableware-fill</div>
<div class="code-name">&#xe987;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">car-fill</div>
<div class="code-name">&#xe688;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">grid-layout</div>
<div class="code-name">&#xe788;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">knowledge</div>
<div class="code-name">&#xe888;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">tag</div>
<div class="code-name">&#xe988;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">case-file-fill</div>
<div class="code-name">&#xe689;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">grid-layout-fill</div>
<div class="code-name">&#xe789;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">moustache</div>
<div class="code-name">&#xe889;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">tags</div>
<div class="code-name">&#xe989;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">case-file</div>
<div class="code-name">&#xe68a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">handbag-fill</div>
<div class="code-name">&#xe78a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">magic</div>
<div class="code-name">&#xe88a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">tandem-fill</div>
<div class="code-name">&#xe98a;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">cbox</div>
<div class="code-name">&#xe68b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">flat</div>
<div class="code-name">&#xe78b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pc-fill</div>
<div class="code-name">&#xe88b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">tags-fill</div>
<div class="code-name">&#xe98b;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">cbox-fill</div>
<div class="code-name">&#xe68c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">handbag</div>
<div class="code-name">&#xe78c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pdf</div>
<div class="code-name">&#xe88c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">plume-fill</div>
<div class="code-name">&#xe98c;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">cdr</div>
<div class="code-name">&#xe68d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">explain-fill</div>
<div class="code-name">&#xe78d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">pdf-fill</div>
<div class="code-name">&#xe88d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">taxi</div>
<div class="code-name">&#xe98d;</div>
</li>
<li class="dib">
<span class="icon my-icon"></span>
<div class="name">cdr-fill</div>
<div class="code-name">&#xe68e;</div>
</li>
<li class="dib">
<span class="icon my-