vue-moo
Version:
moo
3,097 lines • 115 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<style type="text/css">
@font-face {font-family: "iconfont2";
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome, firefox */
url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont2') format('svg'); /* iOS 4.1- */
}
.iconfont2 {
font-family:"iconfont2" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: 0.2px;
-moz-osx-font-smoothing: grayscale;
}
</style>
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont2"></i>
<div class="name">number_6</div>
<div class="code">&#xe77b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_7</div>
<div class="code">&#xe77c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_9</div>
<div class="code">&#xe77d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_0</div>
<div class="code">&#xe77e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_3</div>
<div class="code">&#xe77f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_1</div>
<div class="code">&#xe780;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_4</div>
<div class="code">&#xe781;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_8</div>
<div class="code">&#xe782;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_punctuation</div>
<div class="code">&#xe783;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_5</div>
<div class="code">&#xe78e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">number_2</div>
<div class="code">&#xe78f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">add</div>
<div class="code">&#xe931;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">3column</div>
<div class="code">&#xe932;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">4column</div>
<div class="code">&#xe933;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">air-drop</div>
<div class="code">&#xe934;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">add-r</div>
<div class="code">&#xe935;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">add-s</div>
<div class="code">&#xe936;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-double-left</div>
<div class="code">&#xe937;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">app</div>
<div class="code">&#xe938;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">also-loan</div>
<div class="code">&#xe939;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">ascending</div>
<div class="code">&#xe93a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">air</div>
<div class="code">&#xe93b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-double-right</div>
<div class="code">&#xe93c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">atm</div>
<div class="code">&#xe93d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">atm-away</div>
<div class="code">&#xe93e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bad-r</div>
<div class="code">&#xe93f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">attendance</div>
<div class="code">&#xe940;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bad</div>
<div class="code">&#xe941;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">back-r</div>
<div class="code">&#xe942;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">back</div>
<div class="code">&#xe943;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bank-card</div>
<div class="code">&#xe944;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bar-chart</div>
<div class="code">&#xe945;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">box</div>
<div class="code">&#xe946;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">building</div>
<div class="code">&#xe947;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">business</div>
<div class="code">&#xe948;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bill</div>
<div class="code">&#xe949;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">calculator</div>
<div class="code">&#xe94a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">calendar</div>
<div class="code">&#xe94b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">camera</div>
<div class="code">&#xe94c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">businesscard</div>
<div class="code">&#xe94d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">car</div>
<div class="code">&#xe94e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">chat</div>
<div class="code">&#xe94f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">cangneishicao</div>
<div class="code">&#xe950;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">check</div>
<div class="code">&#xe951;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">checkbox-selected</div>
<div class="code">&#xe952;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">Chinese</div>
<div class="code">&#xe953;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">checkbox</div>
<div class="code">&#xe954;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">clock</div>
<div class="code">&#xe955;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">close</div>
<div class="code">&#xe956;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">commodity</div>
<div class="code">&#xe957;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">colthes</div>
<div class="code">&#xe958;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">compare</div>
<div class="code">&#xe959;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">compass</div>
<div class="code">&#xe95a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">complain</div>
<div class="code">&#xe95b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">complete-r</div>
<div class="code">&#xe95c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">complete</div>
<div class="code">&#xe95d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">courier</div>
<div class="code">&#xe95e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">copy</div>
<div class="code">&#xe95f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">CSR</div>
<div class="code">&#xe960;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">create-bill</div>
<div class="code">&#xe961;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">cut</div>
<div class="code">&#xe962;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">dashboard</div>
<div class="code">&#xe963;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">delete</div>
<div class="code">&#xe964;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">delivery</div>
<div class="code">&#xe965;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">customs</div>
<div class="code">&#xe966;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">descending</div>
<div class="code">&#xe967;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">dialog</div>
<div class="code">&#xe968;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">diamond</div>
<div class="code">&#xe969;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">download</div>
<div class="code">&#xe96a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">ding</div>
<div class="code">&#xe96b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">drop</div>
<div class="code">&#xe96c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">dollar</div>
<div class="code">&#xe96d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">duihua</div>
<div class="code">&#xe96e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">edit</div>
<div class="code">&#xe96f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">electronics</div>
<div class="code">&#xe970;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">English</div>
<div class="code">&#xe971;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">error-s</div>
<div class="code">&#xe972;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">enclosure</div>
<div class="code">&#xe973;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">error-r</div>
<div class="code">&#xe974;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exclamatory-mark-r</div>
<div class="code">&#xe975;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exchange</div>
<div class="code">&#xe976;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exclamatory-mark-t</div>
<div class="code">&#xe977;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exclamatory-mark</div>
<div class="code">&#xe978;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">extend-r</div>
<div class="code">&#xe979;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">extend</div>
<div class="code">&#xe97a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exit-fullscreen</div>
<div class="code">&#xe97b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">finance</div>
<div class="code">&#xe97c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">favorites</div>
<div class="code">&#xe97d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">filter</div>
<div class="code">&#xe97e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">first-page</div>
<div class="code">&#xe97f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">flash-lamp-auto</div>
<div class="code">&#xe980;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">flash-lamp-off</div>
<div class="code">&#xe981;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">flash-lamp</div>
<div class="code">&#xe982;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">forward-r</div>
<div class="code">&#xe983;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">forbidden</div>
<div class="code">&#xe984;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">forward-sorting</div>
<div class="code">&#xe985;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">fullscreen</div>
<div class="code">&#xe986;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">forward</div>
<div class="code">&#xe987;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">gifts</div>
<div class="code">&#xe988;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">free</div>
<div class="code">&#xe989;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">folder</div>
<div class="code">&#xe98a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">good-r</div>
<div class="code">&#xe98b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">good</div>
<div class="code">&#xe98c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">group</div>
<div class="code">&#xe98d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">home</div>
<div class="code">&#xe98e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">history</div>
<div class="code">&#xe98f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">image-text</div>
<div class="code">&#xe990;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">horizontal-retractio</div>
<div class="code">&#xe991;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">horizontal-expansion</div>
<div class="code">&#xe992;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">horn</div>
<div class="code">&#xe993;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">import</div>
<div class="code">&#xe994;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">image</div>
<div class="code">&#xe995;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">info-r</div>
<div class="code">&#xe996;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">info</div>
<div class="code">&#xe997;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">information</div>
<div class="code">&#xe998;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">key</div>
<div class="code">&#xe999;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">international</div>
<div class="code">&#xe99a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">keyboard</div>
<div class="code">&#xe99b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">last-page</div>
<div class="code">&#xe99c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">increase</div>
<div class="code">&#xe99d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">left</div>
<div class="code">&#xe99e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">letter</div>
<div class="code">&#xe99f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">lefy-exchange</div>
<div class="code">&#xe9a0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">left-sorting</div>
<div class="code">&#xe9a1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">light</div>
<div class="code">&#xe9a2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">like</div>
<div class="code">&#xe9a3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">link</div>
<div class="code">&#xe9a4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">line</div>
<div class="code">&#xe9a5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">load</div>
<div class="code">&#xe9a6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">loading-2</div>
<div class="code">&#xe9a7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">loading-1</div>
<div class="code">&#xe9a8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">lock</div>
<div class="code">&#xe9a9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">loan</div>
<div class="code">&#xe9aa;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">location</div>
<div class="code">&#xe9ab;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">logistics</div>
<div class="code">&#xe9ac;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">macbook</div>
<div class="code">&#xe9ad;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">logout</div>
<div class="code">&#xe9ae;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">minus-r</div>
<div class="code">&#xe9af;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">map-1</div>
<div class="code">&#xe9b0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">map-2</div>
<div class="code">&#xe9b1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">mic</div>
<div class="code">&#xe9b2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">minus</div>
<div class="code">&#xe9b3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">mobile-Phone</div>
<div class="code">&#xe9b4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">minus-s</div>
<div class="code">&#xe9b5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">money</div>
<div class="code">&#xe9b6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">monitor</div>
<div class="code">&#xe9b7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">money-bill</div>
<div class="code">&#xe9b8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">moneys</div>
<div class="code">&#xe9b9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">more-transverse</div>
<div class="code">&#xe9ba;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">locker</div>
<div class="code">&#xe9bb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">more-vertical</div>
<div class="code">&#xe9bc;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">nav-list</div>
<div class="code">&#xe9bd;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">news</div>
<div class="code">&#xe9be;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">no-attendance</div>
<div class="code">&#xe9bf;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">not-sign</div>
<div class="code">&#xe9c0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">navigation</div>
<div class="code">&#xe9c1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">network</div>
<div class="code">&#xe9c2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">notice</div>
<div class="code">&#xe9c3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">office</div>
<div class="code">&#xe9c4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">operation</div>
<div class="code">&#xe9c5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">package</div>
<div class="code">&#xe9c6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">organization</div>
<div class="code">&#xe9c7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">open-package</div>
<div class="code">&#xe9c8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">paste</div>
<div class="code">&#xe9c9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">paly</div>
<div class="code">&#xe9ca;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">pause</div>
<div class="code">&#xe9cb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">phone-r</div>
<div class="code">&#xe9cc;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">PDA</div>
<div class="code">&#xe9cd;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">pie-chart</div>
<div class="code">&#xe9ce;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">position</div>
<div class="code">&#xe9cf;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">power</div>
<div class="code">&#xe9d0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">prine</div>
<div class="code">&#xe9d1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">quality</div>
<div class="code">&#xe9d2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">question-mark-r</div>
<div class="code">&#xe9d3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">process</div>
<div class="code">&#xe9d4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">ppt</div>
<div class="code">&#xe9d5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">question-mark</div>
<div class="code">&#xe9d6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">Raidobox-selectedRai</div>
<div class="code">&#xe9d7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">red-packet</div>
<div class="code">&#xe9d8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">radar</div>
<div class="code">&#xe9d9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">refund</div>
<div class="code">&#xe9da;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">register</div>
<div class="code">&#xe9db;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">Raidobox</div>
<div class="code">&#xe9dc;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">resource</div>
<div class="code">&#xe9dd;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">refresh</div>
<div class="code">&#xe9de;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">reverse-sorting</div>
<div class="code">&#xe9df;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">relationship</div>
<div class="code">&#xe9e0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">right-exchange</div>
<div class="code">&#xe9e1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">rise</div>
<div class="code">&#xe9e2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">right</div>
<div class="code">&#xe9e3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">right-sorting</div>
<div class="code">&#xe9e4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">RMB</div>
<div class="code">&#xe9e5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">satisfy</div>
<div class="code">&#xe9e6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">safe</div>
<div class="code">&#xe9e7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">rule</div>
<div class="code">&#xe9e8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">save</div>
<div class="code">&#xe9e9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">scan</div>
<div class="code">&#xe9ea;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">schedule</div>
<div class="code">&#xe9eb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">screwdriver</div>
<div class="code">&#xe9ec;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">search</div>
<div class="code">&#xe9ed;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">service</div>
<div class="code">&#xe9ee;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">security</div>
<div class="code">&#xe9ef;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">settlement</div>
<div class="code">&#xe9f0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">setup</div>
<div class="code">&#xe9f1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">share</div>
<div class="code">&#xe9f2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">setting</div>
<div class="code">&#xe9f3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shield</div>
<div class="code">&#xe9f4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shopping-cart</div>
<div class="code">&#xe9f5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">signed</div>
<div class="code">&#xe9f6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shrink</div>
<div class="code">&#xe9f7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shrink-r</div>
<div class="code">&#xe9f8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shoppingbag</div>
<div class="code">&#xe9f9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">similar-product</div>
<div class="code">&#xe9fa;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">slide</div>
<div class="code">&#xe9fb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">sort</div>
<div class="code">&#xe9fc;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">stop</div>
<div class="code">&#xe9fd;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">stock</div>
<div class="code">&#xe9fe;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">standard</div>
<div class="code">&#xe9ff;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">sorting</div>
<div class="code">&#xea00;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">storage</div>
<div class="code">&#xea01;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">store</div>
<div class="code">&#xea02;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">tag-subscript</div>
<div class="code">&#xea03;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">tag-selected</div>
<div class="code">&#xea04;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">table</div>
<div class="code">&#xea05;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">survey</div>
<div class="code">&#xea06;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">sync</div>
<div class="code">&#xea07;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">tag</div>
<div class="code">&#xea08;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">task</div>
<div class="code">&#xea09;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">top</div>
<div class="code">&#xea0a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">time</div>
<div class="code">&#xea0b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">transfer-station</div>
<div class="code">&#xea0c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">text</div>
<div class="code">&#xea0d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">trend-chart</div>
<div class="code">&#xea0e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">template</div>
<div class="code">&#xea0f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">unlock</div>
<div class="code">&#xea10;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">upload</div>
<div class="code">&#xea11;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">unsatisfy</div>
<div class="code">&#xea12;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">unseen</div>
<div class="code">&#xea13;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">user-r</div>
<div class="code">&#xea14;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">user</div>
<div class="code">&#xea15;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">usually</div>
<div class="code">&#xea16;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">vedio</div>
<div class="code">&#xea17;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">vertical-expansion</div>
<div class="code">&#xea18;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">vertical-retraction</div>
<div class="code">&#xea19;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">visible</div>
<div class="code">&#xea1a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">view-list</div>
<div class="code">&#xea1b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">volume</div>
<div class="code">&#xea1c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">view-matrix</div>
<div class="code">&#xea1d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">volumeopen</div>
<div class="code">&#xea1e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">wallet</div>
<div class="code">&#xea1f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">wave</div>
<div class="code">&#xea20;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">warehouse</div>
<div class="code">&#xea21;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">word</div>
<div class="code">&#xea22;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">3column-o</div>
<div class="code">&#xea23;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">add-o</div>
<div class="code">&#xea24;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">4column-o</div>
<div class="code">&#xea25;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">add-s-o</div>
<div class="code">&#xea26;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">add-r-o</div>
<div class="code">&#xea27;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">air-drop-o</div>
<div class="code">&#xea28;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">app-o</div>
<div class="code">&#xea29;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-double-right-o</div>
<div class="code">&#xea2a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">also-loan-o</div>
<div class="code">&#xea2b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">air-o</div>
<div class="code">&#xea2c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-double-left-o</div>
<div class="code">&#xea2d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">ascending-o</div>
<div class="code">&#xea2e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">atm-o</div>
<div class="code">&#xea2f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">back-o</div>
<div class="code">&#xea30;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">attendance-o</div>
<div class="code">&#xea31;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">atm-away-o</div>
<div class="code">&#xea32;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">back-r-o</div>
<div class="code">&#xea33;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bad-o</div>
<div class="code">&#xea34;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bill-o</div>
<div class="code">&#xea35;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bank-card-o</div>
<div class="code">&#xea36;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bar-chart-o</div>
<div class="code">&#xea37;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">box-o</div>
<div class="code">&#xea38;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">business-o</div>
<div class="code">&#xea39;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">bad-r-o</div>
<div class="code">&#xea3a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">businesscard-o</div>
<div class="code">&#xea3b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">building-o</div>
<div class="code">&#xea3c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">calculator-o</div>
<div class="code">&#xea3d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">camera-o</div>
<div class="code">&#xea3e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">cangneishicao-o</div>
<div class="code">&#xea3f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">car-o</div>
<div class="code">&#xea40;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">calendar-o</div>
<div class="code">&#xea41;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">chat-o</div>
<div class="code">&#xea42;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">checkbox-selected-o</div>
<div class="code">&#xea43;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">checkbox-o</div>
<div class="code">&#xea44;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">clock-o</div>
<div class="code">&#xea45;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">check-o</div>
<div class="code">&#xea46;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">Chinese-o</div>
<div class="code">&#xea47;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">close-o</div>
<div class="code">&#xea48;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">commodity-o</div>
<div class="code">&#xea49;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">complain-o</div>
<div class="code">&#xea4a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">compare-o</div>
<div class="code">&#xea4b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">compass-o</div>
<div class="code">&#xea4c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">complete-o</div>
<div class="code">&#xea4d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">complete-r-o</div>
<div class="code">&#xea4e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">copy-o</div>
<div class="code">&#xea4f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">courier-o</div>
<div class="code">&#xea50;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">CSR-o</div>
<div class="code">&#xea51;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">create-bill-o</div>
<div class="code">&#xea52;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">colthes-o</div>
<div class="code">&#xea53;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">cut-o</div>
<div class="code">&#xea54;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">delete-o</div>
<div class="code">&#xea55;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">dashboard-o</div>
<div class="code">&#xea56;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">descending-o</div>
<div class="code">&#xea57;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">delivery-o</div>
<div class="code">&#xea58;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">dialog-o</div>
<div class="code">&#xea59;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">customs-o</div>
<div class="code">&#xea5a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">diamond-o</div>
<div class="code">&#xea5b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">dollar-o</div>
<div class="code">&#xea5c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">ding-o</div>
<div class="code">&#xea5d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">download-o</div>
<div class="code">&#xea5e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">duihua-o</div>
<div class="code">&#xea5f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">edit-o</div>
<div class="code">&#xea60;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">error-r-o</div>
<div class="code">&#xea61;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">electronics-o</div>
<div class="code">&#xea62;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">enclosure-o</div>
<div class="code">&#xea63;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">English-o</div>
<div class="code">&#xea64;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">drop-o</div>
<div class="code">&#xea65;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">error-s-o</div>
<div class="code">&#xea66;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exchange-o</div>
<div class="code">&#xea67;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exclamatory-mark-t-o</div>
<div class="code">&#xea68;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exclamatory-mark-r-o</div>
<div class="code">&#xea69;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exclamatory-mark-o</div>
<div class="code">&#xea6a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">extend-o</div>
<div class="code">&#xea6b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">exit-fullscreen-o</div>
<div class="code">&#xea6c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">filter-o</div>
<div class="code">&#xea6d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">first-page-o</div>
<div class="code">&#xea6e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">flash-lamp-auto-o</div>
<div class="code">&#xea6f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">extend-r-o</div>
<div class="code">&#xea70;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">favorites-o</div>
<div class="code">&#xea71;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">finance-o</div>
<div class="code">&#xea72;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">flash-lamp-o</div>
<div class="code">&#xea73;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">folder-o</div>
<div class="code">&#xea74;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">flash-lamp-off-o</div>
<div class="code">&#xea75;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">forward-o</div>
<div class="code">&#xea76;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">forbidden-o</div>
<div class="code">&#xea77;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">forward-r-o</div>
<div class="code">&#xea78;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">free-o</div>
<div class="code">&#xea79;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">good-o</div>
<div class="code">&#xea7a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">fullscreen-o</div>
<div class="code">&#xea7b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">forward-sorting-o</div>
<div class="code">&#xea7c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">gifts-o</div>
<div class="code">&#xea7d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">good-r-o</div>
<div class="code">&#xea7e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">home-o</div>
<div class="code">&#xea7f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">group-o</div>
<div class="code">&#xea80;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">history-o</div>
<div class="code">&#xea81;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">horizontal-retractio</div>
<div class="code">&#xea82;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">horizontal-expansion</div>
<div class="code">&#xea83;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">horn-o</div>
<div class="code">&#xea84;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">image-text-o</div>
<div class="code">&#xea85;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">image-o</div>
<div class="code">&#xea86;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">info-o</div>
<div class="code">&#xea87;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">increase-o</div>
<div class="code">&#xea88;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">info-r-o</div>
<div class="code">&#xea89;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">import-o</div>
<div class="code">&#xea8a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">information-o</div>
<div class="code">&#xea8b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">key-o</div>
<div class="code">&#xea8c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">keyboard-o</div>
<div class="code">&#xea8d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">international-o</div>
<div class="code">&#xea8e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">last-page-o</div>
<div class="code">&#xea8f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">left-o</div>
<div class="code">&#xea90;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">lefy-exchange-o</div>
<div class="code">&#xea91;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">left-sorting-o</div>
<div class="code">&#xea92;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">letter-o</div>
<div class="code">&#xea93;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">light-o</div>
<div class="code">&#xea94;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">like-o</div>
<div class="code">&#xea95;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">line-o</div>
<div class="code">&#xea96;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">link-o</div>
<div class="code">&#xea97;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">load-o</div>
<div class="code">&#xea98;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">loading-1-o</div>
<div class="code">&#xea99;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">loading-2-o</div>
<div class="code">&#xea9a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">loan-o</div>
<div class="code">&#xea9b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">location-o</div>
<div class="code">&#xea9c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">locker-o</div>
<div class="code">&#xea9d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">logistics-o</div>
<div class="code">&#xea9e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">lock-o</div>
<div class="code">&#xea9f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">macbook-o</div>
<div class="code">&#xeaa0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">map-1-o</div>
<div class="code">&#xeaa1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">logout-o</div>
<div class="code">&#xeaa2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">map-2-o</div>
<div class="code">&#xeaa3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">minus-o</div>
<div class="code">&#xeaa4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">mic-o</div>
<div class="code">&#xeaa5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">mobile-Phone-o</div>
<div class="code">&#xeaa6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">minus-r-o</div>
<div class="code">&#xeaa7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">minus-s-o</div>
<div class="code">&#xeaa8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">money-bill-o</div>
<div class="code">&#xeaa9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">money-o</div>
<div class="code">&#xeaaa;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">moneys-o</div>
<div class="code">&#xeaab;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">monitor-o</div>
<div class="code">&#xeaac;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">more-vertical-o</div>
<div class="code">&#xeaad;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">nav-list-o</div>
<div class="code">&#xeaae;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">navigation-o</div>
<div class="code">&#xeaaf;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">network-o</div>
<div class="code">&#xeab0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">more-transverse-o</div>
<div class="code">&#xeab1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">news-o</div>
<div class="code">&#xeab2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">no-attendance-o</div>
<div class="code">&#xeab3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">notice-o</div>
<div class="code">&#xeab4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">not-sign-o</div>
<div class="code">&#xeab5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">open-package-o</div>
<div class="code">&#xeab6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">office-o</div>
<div class="code">&#xeab7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">operation-o</div>
<div class="code">&#xeab8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">organization-o</div>
<div class="code">&#xeab9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">package-o</div>
<div class="code">&#xeaba;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">paly-o</div>
<div class="code">&#xeabb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">pause-o</div>
<div class="code">&#xeabc;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">paste-o</div>
<div class="code">&#xeabd;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">pie-chart-o</div>
<div class="code">&#xeabe;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">PDA-o</div>
<div class="code">&#xeabf;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">phone-r-o</div>
<div class="code">&#xeac0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">ppt-o</div>
<div class="code">&#xeac1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">power-o</div>
<div class="code">&#xeac2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">position-o</div>
<div class="code">&#xeac3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">prine-o</div>
<div class="code">&#xeac4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">quality-o</div>
<div class="code">&#xeac5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">process-o</div>
<div class="code">&#xeac6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">question-mark-o</div>
<div class="code">&#xeac7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">question-mark-r-o</div>
<div class="code">&#xeac8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">radar-o</div>
<div class="code">&#xeac9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">Raidobox-o</div>
<div class="code">&#xeaca;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">Raidobox-selectedRai</div>
<div class="code">&#xeacb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">red-packet-o</div>
<div class="code">&#xeacc;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">refresh-o</div>
<div class="code">&#xeacd;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">register-o</div>
<div class="code">&#xeace;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">refund-o</div>
<div class="code">&#xeacf;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">resource-o</div>
<div class="code">&#xead0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">relationship-o</div>
<div class="code">&#xead1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">reverse-sorting-o</div>
<div class="code">&#xead2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">right-exchange-o</div>
<div class="code">&#xead3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">rise-o</div>
<div class="code">&#xead4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">rule-o</div>
<div class="code">&#xead5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">right-o</div>
<div class="code">&#xead6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">right-sorting-o</div>
<div class="code">&#xead7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">RMB-o</div>
<div class="code">&#xead8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">safe-o</div>
<div class="code">&#xead9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">scan-o</div>
<div class="code">&#xeada;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">satisfy-o</div>
<div class="code">&#xeadb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">save-o</div>
<div class="code">&#xeadc;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">screwdriver-o</div>
<div class="code">&#xeadd;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">schedule-o</div>
<div class="code">&#xeade;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">search-o</div>
<div class="code">&#xeadf;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">security-o</div>
<div class="code">&#xeae0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">settlement-o</div>
<div class="code">&#xeae1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">service-o</div>
<div class="code">&#xeae2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">setting-o</div>
<div class="code">&#xeae3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">setup-o</div>
<div class="code">&#xeae4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shoppingbag-o</div>
<div class="code">&#xeae5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">share-o</div>
<div class="code">&#xeae6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shopping-cart-o</div>
<div class="code">&#xeae7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shield-o</div>
<div class="code">&#xeae8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shrink-r-o</div>
<div class="code">&#xeae9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">shrink-o</div>
<div class="code">&#xeaea;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">signed-o</div>
<div class="code">&#xeaeb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">similar-product-o</div>
<div class="code">&#xeaec;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">sort-o</div>
<div class="code">&#xeaed;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">slide-o</div>
<div class="code">&#xeaee;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">sorting-o</div>
<div class="code">&#xeaef;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">stock-o</div>
<div class="code">&#xeaf0;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">stop-o</div>
<div class="code">&#xeaf1;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">standard-o</div>
<div class="code">&#xeaf2;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">storage-o</div>
<div class="code">&#xeaf3;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">survey-o</div>
<div class="code">&#xeaf4;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">store-o</div>
<div class="code">&#xeaf5;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">table-o</div>
<div class="code">&#xeaf6;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">tag-o</div>
<div class="code">&#xeaf7;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">tag-selected-o</div>
<div class="code">&#xeaf8;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">sync-o</div>
<div class="code">&#xeaf9;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">task-o</div>
<div class="code">&#xeafa;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">tag-subscript-o</div>
<div class="code">&#xeafb;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">template-o</div>
<div class="code">&#xeafc;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">text-o</div>
<div class="code">&#xeafd;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">time-o</div>
<div class="code">&#xeafe;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">top-o</div>
<div class="code">&#xeaff;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">transfer-station-o</div>
<div class="code">&#xeb00;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">trend-chart-o</div>
<div class="code">&#xeb01;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">unlock-o</div>
<div class="code">&#xeb02;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">unsatisfy-o</div>
<div class="code">&#xeb03;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">user-o</div>
<div class="code">&#xeb04;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">unseen-o</div>
<div class="code">&#xeb05;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">upload-o</div>
<div class="code">&#xeb06;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">usually-o</div>
<div class="code">&#xeb07;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">vedio-o</div>
<div class="code">&#xeb08;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">user-r-o</div>
<div class="code">&#xeb09;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">view-list-o</div>
<div class="code">&#xeb0a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">vertical-expansion-o</div>
<div class="code">&#xeb0b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">vertical-retraction-</div>
<div class="code">&#xeb0c;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">volume-o</div>
<div class="code">&#xeb0d;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">view-matrix-o</div>
<div class="code">&#xeb0e;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">visible-o</div>
<div class="code">&#xeb0f;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">wallet-o</div>
<div class="code">&#xeb10;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">volumeopen-o</div>
<div class="code">&#xeb11;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">warehouse-o</div>
<div class="code">&#xeb12;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">wave-o</div>
<div class="code">&#xeb13;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">word-o</div>
<div class="code">&#xeb14;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-down</div>
<div class="code">&#xeb15;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-left</div>
<div class="code">&#xeb16;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-right</div>
<div class="code">&#xeb17;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-up</div>
<div class="code">&#xeb18;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-down</div>
<div class="code">&#xeb19;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-right</div>
<div class="code">&#xeb1a;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-left</div>
<div class="code">&#xeb1b;</div>
</li>
<li>
<i class="icon iconfont2"></i>
<div class="name">arrow-up</div>
<div class="code">&#xeb1c;</div>
</li>
</ul>
<h2 id="unicode-">unicode引用</h2>
<hr>
<p>unicode是字体在网页端最原始的应用方式，特点是：</p>
<ul>
<li>兼容性最好，支持ie6+，及所有现代浏览器。</li>
<li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
<li>但是因为是字体，所以不支持多色。只能使用平台里单色的图标，就算项目里有多色图标也会自动去色。</li>
</ul>
<blockquote>
<p>注意：新版iconfont支持多色图标，这些多色图标在unicode模式下将不能使用，如果有需求建议使用symbol的引用方式</p>
</blockquote>
<p>unicode使用步骤如下：</p>
<h3 id="-font-face">第一步：拷贝项目下面生成的font-face</h3>
<pre><code class="lang-js hljs javascript">@font-face {
font-family: <span class="hljs-string">'iconfont2'</span>;
src: url(<span class="hljs-string">'iconfont.eot'</span>);
src: url(<span class="hljs-string">'iconfont.eot?#iefix'</span>) format(<span class="hljs-string">'embedded-opentype'</span>),
url(<span class="hljs-string">'iconfont.woff'</span>) format(<span class="hljs-string">'woff'</span>),
url(<span class="hljs-string">'iconfont.ttf'</span>) format(<span class="hljs-string">'truetype'</span>),
url(<span class="hljs-string">'iconfont.svg#iconfont2'</span>) format(<span class="hljs-string">'svg'</span>);
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用iconfont的样式</h3>
<pre><code class="lang-js hljs javascript">.iconfont2{
font-family:<span class="hljs-string">"iconfont2"</span> !important;
font-size:<span class="hljs-number">16</span>px;font-style:normal;
-webkit-font-smoothing: antialiased;
-webkit-text-stroke-width: <span class="hljs-number">0.2</span>px;
-moz-osx-font-smoothing: grayscale;
}
</code></pre>
<h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre><code class="lang-js hljs javascript"><i <span class="hljs-class"><span class="hljs-keyword">class</span></span>=<span class="hljs-string">"iconfont2"</span>>&#x33;<span class="xml"><span class="hljs-tag"></<span class="hljs-name">i</span>></span></span></code></pre>
<blockquote>
<p>"iconfont2"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
</blockquote>
</div>
</body>
</html>