h_ui
Version:
A Vue.js 2.0 UI Components Framework
1,339 lines (1,115 loc) • 171 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: "iconfont";
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#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
font-family:"iconfont" !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 iconfont"></i>
<div class="name">person-stalker</div>
<div class="code">&#xe667;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">card</div>
<div class="code">&#xe633;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">code</div>
<div class="code">&#xe645;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">eye-disabled</div>
<div class="code">&#xe665;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">chatbubble-working</div>
<div class="code">&#xe617;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">image</div>
<div class="code">&#xe62f;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-contacts</div>
<div class="code">&#xe7f2;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-sunny</div>
<div class="code">&#xe84c;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-textsms</div>
<div class="code">&#xe7f3;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-alert</div>
<div class="code">&#xe84d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-bar</div>
<div class="code">&#xe7b5;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-bulb</div>
<div class="code">&#xe84e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-camera</div>
<div class="code">&#xe7b9;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-cart</div>
<div class="code">&#xe7ba;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-cloud-outline</div>
<div class="code">&#xe787;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-document</div>
<div class="code">&#xe7bd;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-done</div>
<div class="code">&#xe788;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-done-all</div>
<div class="code">&#xe789;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-happy</div>
<div class="code">&#xe7fb;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-image</div>
<div class="code">&#xe7c0;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-notifications-none</div>
<div class="code">&#xe7fc;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-list</div>
<div class="code">&#xe7c9;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-plane</div>
<div class="code">&#xe78b;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-playstore</div>
<div class="code">&#xe7fd;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-print</div>
<div class="code">&#xe7ca;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-sad</div>
<div class="code">&#xe7fe;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-star</div>
<div class="code">&#xe78e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-warning</div>
<div class="code">&#xe850;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">chatbubble</div>
<div class="code">&#xe7b0;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">headphone</div>
<div class="code">&#xe7e3;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">pinpoint</div>
<div class="code">&#xe820;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">qr-scanner</div>
<div class="code">&#xe82d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">skip-backward</div>
<div class="code">&#xe83d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">speedometer</div>
<div class="code">&#xe844;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">tshirt-outline</div>
<div class="code">&#xe84f;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">wineglass</div>
<div class="code">&#xe85d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-android</div>
<div class="code">&#xe862;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-android-outline</div>
<div class="code">&#xe864;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-angular</div>
<div class="code">&#xe865;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-angular-outline</div>
<div class="code">&#xe866;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-apple</div>
<div class="code">&#xe869;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-apple-outline</div>
<div class="code">&#xe86a;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-buffer</div>
<div class="code">&#xe867;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-buffer-outline</div>
<div class="code">&#xe868;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-chrome</div>
<div class="code">&#xe8a3;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-chrome-outline</div>
<div class="code">&#xe8a4;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-css3</div>
<div class="code">&#xe86b;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-css3-outline</div>
<div class="code">&#xe86c;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-dribbble</div>
<div class="code">&#xe86d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-dribbble-outline</div>
<div class="code">&#xe86e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-dropbox</div>
<div class="code">&#xe878;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-dropbox-outline</div>
<div class="code">&#xe87d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-facebook</div>
<div class="code">&#xe871;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-facebook-outline</div>
<div class="code">&#xe872;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-google-outline</div>
<div class="code">&#xe876;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-html5</div>
<div class="code">&#xe87e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-html5-outline</div>
<div class="code">&#xe87f;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-instagram</div>
<div class="code">&#xe87b;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-instagram-outline</div>
<div class="code">&#xe87c;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-javascript</div>
<div class="code">&#xe880;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-javascript-outline</div>
<div class="code">&#xe882;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-linkedin</div>
<div class="code">&#xe88c;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-linkedin-outline</div>
<div class="code">&#xe898;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-markdown</div>
<div class="code">&#xe8a6;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-nodejs</div>
<div class="code">&#xe8a7;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-pinterest</div>
<div class="code">&#xe881;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-rss</div>
<div class="code">&#xe883;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-rss-outline</div>
<div class="code">&#xe886;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-skype</div>
<div class="code">&#xe88a;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-skype-outline</div>
<div class="code">&#xe88b;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-twitter</div>
<div class="code">&#xe887;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-twitter-outline</div>
<div class="code">&#xe889;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-usd</div>
<div class="code">&#xe8a8;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-usd-outline</div>
<div class="code">&#xe8ad;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-vimeo</div>
<div class="code">&#xe89a;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-vimeo-outline</div>
<div class="code">&#xe89c;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-whatsapp</div>
<div class="code">&#xe88f;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-whatsapp-outline</div>
<div class="code">&#xe891;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-windows</div>
<div class="code">&#xe89e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-windows-outline</div>
<div class="code">&#xe8a0;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-wordpress</div>
<div class="code">&#xe895;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-wordpress-outline</div>
<div class="code">&#xe897;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-yen</div>
<div class="code">&#xe8ae;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-yen-outline</div>
<div class="code">&#xe8af;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-youtube</div>
<div class="code">&#xe8a1;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-youtube-outline</div>
<div class="code">&#xe8a2;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-download</div>
<div class="code">&#xe790;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">coffee</div>
<div class="code">&#xe630;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-bell</div>
<div class="code">&#xe6d7;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-home</div>
<div class="code">&#xe66b;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-lightbulb</div>
<div class="code">&#xe791;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ribbon-b</div>
<div class="code">&#xe670;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-close</div>
<div class="code">&#xe795;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-arrow-back</div>
<div class="code">&#xe796;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-exit</div>
<div class="code">&#xe7ff;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">battery-charging</div>
<div class="code">&#xe631;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-lock</div>
<div class="code">&#xe800;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-chat</div>
<div class="code">&#xe803;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-checkbox-outline-blank</div>
<div class="code">&#xe797;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-navigate</div>
<div class="code">&#xe798;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-restaurant</div>
<div class="code">&#xe7ce;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-star-outline</div>
<div class="code">&#xe799;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-sync</div>
<div class="code">&#xe79a;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-volume-down</div>
<div class="code">&#xe804;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">laptop</div>
<div class="code">&#xe806;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">mic-c</div>
<div class="code">&#xe812;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">person-add</div>
<div class="code">&#xe824;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">pricetags</div>
<div class="code">&#xe843;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">printer</div>
<div class="code">&#xe842;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-yahoo</div>
<div class="code">&#xe8b7;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">thumbsdown</div>
<div class="code">&#xe8c7;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-desktop</div>
<div class="code">&#xe805;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-film</div>
<div class="code">&#xe7d2;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-globe</div>
<div class="code">&#xe808;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-mail</div>
<div class="code">&#xe7d3;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-open</div>
<div class="code">&#xe7d5;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-options</div>
<div class="code">&#xe7a9;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-person-add</div>
<div class="code">&#xe809;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-phone-landscape</div>
<div class="code">&#xe851;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">compass</div>
<div class="code">&#xe6d4;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">flash</div>
<div class="code">&#xe7aa;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">merge</div>
<div class="code">&#xe834;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">mouse</div>
<div class="code">&#xe841;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-codepen</div>
<div class="code">&#xe8b5;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-googleplus</div>
<div class="code">&#xe893;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">unlocked</div>
<div class="code">&#xe8e1;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">videocamera</div>
<div class="code">&#xe8e4;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">man</div>
<div class="code">&#xe604;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">bug</div>
<div class="code">&#xe9f7;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-arrow-down</div>
<div class="code">&#xe7d1;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">iphone</div>
<div class="code">&#xe60d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-checkbox</div>
<div class="code">&#xe7d6;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-create</div>
<div class="code">&#xe7d9;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-delete</div>
<div class="code">&#xe7da;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-expand</div>
<div class="code">&#xe80a;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-favorite-outline</div>
<div class="code">&#xe7dc;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-locate</div>
<div class="code">&#xe7dd;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-more-vertical</div>
<div class="code">&#xe7de;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-people</div>
<div class="code">&#xe80e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-send</div>
<div class="code">&#xe7df;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-share</div>
<div class="code">&#xe7e0;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-watch</div>
<div class="code">&#xe7e4;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">at</div>
<div class="code">&#xe7e5;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">bag</div>
<div class="code">&#xe7e7;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">battery-empty</div>
<div class="code">&#xe7e8;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">battery-low</div>
<div class="code">&#xe7ea;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">beer</div>
<div class="code">&#xe7ed;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">bowtie</div>
<div class="code">&#xe7ef;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">cash</div>
<div class="code">&#xe7f0;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">code-working</div>
<div class="code">&#xe7f5;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">connection-bars</div>
<div class="code">&#xe7f6;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">cube</div>
<div class="code">&#xe7f8;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">eject</div>
<div class="code">&#xe7fa;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">flash-off</div>
<div class="code">&#xe802;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">grid</div>
<div class="code">&#xe807;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">leaf</div>
<div class="code">&#xe88e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">load-c</div>
<div class="code">&#xe894;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">nuclear</div>
<div class="code">&#xe8b2;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">person</div>
<div class="code">&#xe8bb;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-googleplus-outline</div>
<div class="code">&#xe901;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-twitch</div>
<div class="code">&#xe920;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">speakerphone</div>
<div class="code">&#xe935;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">thumbsup</div>
<div class="code">&#xe93e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">volume-high</div>
<div class="code">&#xe94d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">wifi</div>
<div class="code">&#xe784;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">quit</div>
<div class="code">&#xe62c;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-github</div>
<div class="code">&#xe853;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">playstation</div>
<div class="code">&#xea04;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-albums</div>
<div class="code">&#xe67a;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-baseball-outline</div>
<div class="code">&#xe6da;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">stop</div>
<div class="code">&#xe6a6;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-add</div>
<div class="code">&#xe81f;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-bus</div>
<div class="code">&#xe821;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-cancel</div>
<div class="code">&#xe822;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-checkbox-outline</div>
<div class="code">&#xe823;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-contact</div>
<div class="code">&#xe825;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-contract</div>
<div class="code">&#xe826;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-folder</div>
<div class="code">&#xe827;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-laptop</div>
<div class="code">&#xe854;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-menu</div>
<div class="code">&#xe828;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-microphone-off</div>
<div class="code">&#xe829;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-person</div>
<div class="code">&#xe82a;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-settings</div>
<div class="code">&#xe82b;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-star-half</div>
<div class="code">&#xe82c;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-time</div>
<div class="code">&#xe82e;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-stopwatch</div>
<div class="code">&#xe82f;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-volume-off</div>
<div class="code">&#xe830;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">aperture</div>
<div class="code">&#xe6a5;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">flame</div>
<div class="code">&#xe833;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-basketball</div>
<div class="code">&#xe837;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-skipforward-outline</div>
<div class="code">&#xe831;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">no-smoking</div>
<div class="code">&#xe86f;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">paintbucket</div>
<div class="code">&#xe874;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-pinterest-outline</div>
<div class="code">&#xe8c8;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-python</div>
<div class="code">&#xe8c9;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-tumblr-outline</div>
<div class="code">&#xe8d3;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">xbox</div>
<div class="code">&#xe97f;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-calendar</div>
<div class="code">&#xe84b;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-color-palette</div>
<div class="code">&#xe855;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-compass</div>
<div class="code">&#xe856;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-pin</div>
<div class="code">&#xe857;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-remove</div>
<div class="code">&#xe858;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ipod</div>
<div class="code">&#xe885;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ribbon-a</div>
<div class="code">&#xe88d;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-bitcoin</div>
<div class="code">&#xe8b9;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-euro</div>
<div class="code">&#xe8bc;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">social-euro-outline</div>
<div class="code">&#xe8bd;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">waterdrop</div>
<div class="code">&#xe8d8;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-bookmark</div>
<div class="code">&#xe896;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">android-car</div>
<div class="code">&#xe89b;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">arrow-graph-up-right</div>
<div class="code">&#xe6a4;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">film-marker</div>
<div class="code">&#xe8a9;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">happy</div>
<div class="code">&#xe8ac;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-arrow-right</div>
<div class="code">&#xe8b1;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-arrow-up</div>
<div class="code">&#xe8be;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-bookmarks</div>
<div class="code">&#xe8bf;</div>
</li>
<li>
<i class="icon iconfont"></i>
<div class="name">ios-compose-outline</div>
<div class="code">&#xe8c1;</div>
</li>
<li>
<i class="icon iconfont"></i>