h_ui
Version:
A Vue.js 2.0 UI Components Framework
1,209 lines (1,007 loc) • 185 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<link rel="stylesheet" href="iconfont.css">
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<i class="icon iconfont icon-person-stalker"></i>
<div class="name">person-stalker</div>
<div class="fontclass">.icon-person-stalker</div>
</li>
<li>
<i class="icon iconfont icon-card"></i>
<div class="name">card</div>
<div class="fontclass">.icon-card</div>
</li>
<li>
<i class="icon iconfont icon-code"></i>
<div class="name">code</div>
<div class="fontclass">.icon-code</div>
</li>
<li>
<i class="icon iconfont icon-eye-disabled"></i>
<div class="name">eye-disabled</div>
<div class="fontclass">.icon-eye-disabled</div>
</li>
<li>
<i class="icon iconfont icon-chatbubble-working"></i>
<div class="name">chatbubble-working</div>
<div class="fontclass">.icon-chatbubble-working</div>
</li>
<li>
<i class="icon iconfont icon-image"></i>
<div class="name">image</div>
<div class="fontclass">.icon-image</div>
</li>
<li>
<i class="icon iconfont icon-android-contacts"></i>
<div class="name">android-contacts</div>
<div class="fontclass">.icon-android-contacts</div>
</li>
<li>
<i class="icon iconfont icon-android-sunny"></i>
<div class="name">android-sunny</div>
<div class="fontclass">.icon-android-sunny</div>
</li>
<li>
<i class="icon iconfont icon-android-textsms"></i>
<div class="name">android-textsms</div>
<div class="fontclass">.icon-android-textsms</div>
</li>
<li>
<i class="icon iconfont icon-android-alert"></i>
<div class="name">android-alert</div>
<div class="fontclass">.icon-android-alert</div>
</li>
<li>
<i class="icon iconfont icon-android-bar"></i>
<div class="name">android-bar</div>
<div class="fontclass">.icon-android-bar</div>
</li>
<li>
<i class="icon iconfont icon-android-bulb"></i>
<div class="name">android-bulb</div>
<div class="fontclass">.icon-android-bulb</div>
</li>
<li>
<i class="icon iconfont icon-android-camera"></i>
<div class="name">android-camera</div>
<div class="fontclass">.icon-android-camera</div>
</li>
<li>
<i class="icon iconfont icon-android-cart"></i>
<div class="name">android-cart</div>
<div class="fontclass">.icon-android-cart</div>
</li>
<li>
<i class="icon iconfont icon-android-cloud-outline"></i>
<div class="name">android-cloud-outline</div>
<div class="fontclass">.icon-android-cloud-outline</div>
</li>
<li>
<i class="icon iconfont icon-android-document"></i>
<div class="name">android-document</div>
<div class="fontclass">.icon-android-document</div>
</li>
<li>
<i class="icon iconfont icon-android-done"></i>
<div class="name">android-done</div>
<div class="fontclass">.icon-android-done</div>
</li>
<li>
<i class="icon iconfont icon-android-done-all"></i>
<div class="name">android-done-all</div>
<div class="fontclass">.icon-android-done-all</div>
</li>
<li>
<i class="icon iconfont icon-android-happy"></i>
<div class="name">android-happy</div>
<div class="fontclass">.icon-android-happy</div>
</li>
<li>
<i class="icon iconfont icon-android-image"></i>
<div class="name">android-image</div>
<div class="fontclass">.icon-android-image</div>
</li>
<li>
<i class="icon iconfont icon-android-notifications-none"></i>
<div class="name">android-notifications-none</div>
<div class="fontclass">.icon-android-notifications-none</div>
</li>
<li>
<i class="icon iconfont icon-android-list"></i>
<div class="name">android-list</div>
<div class="fontclass">.icon-android-list</div>
</li>
<li>
<i class="icon iconfont icon-android-plane"></i>
<div class="name">android-plane</div>
<div class="fontclass">.icon-android-plane</div>
</li>
<li>
<i class="icon iconfont icon-android-playstore"></i>
<div class="name">android-playstore</div>
<div class="fontclass">.icon-android-playstore</div>
</li>
<li>
<i class="icon iconfont icon-android-print"></i>
<div class="name">android-print</div>
<div class="fontclass">.icon-android-print</div>
</li>
<li>
<i class="icon iconfont icon-android-sad"></i>
<div class="name">android-sad</div>
<div class="fontclass">.icon-android-sad</div>
</li>
<li>
<i class="icon iconfont icon-android-star"></i>
<div class="name">android-star</div>
<div class="fontclass">.icon-android-star</div>
</li>
<li>
<i class="icon iconfont icon-android-warning"></i>
<div class="name">android-warning</div>
<div class="fontclass">.icon-android-warning</div>
</li>
<li>
<i class="icon iconfont icon-chatbubble"></i>
<div class="name">chatbubble</div>
<div class="fontclass">.icon-chatbubble</div>
</li>
<li>
<i class="icon iconfont icon-headphone"></i>
<div class="name">headphone</div>
<div class="fontclass">.icon-headphone</div>
</li>
<li>
<i class="icon iconfont icon-pinpoint"></i>
<div class="name">pinpoint</div>
<div class="fontclass">.icon-pinpoint</div>
</li>
<li>
<i class="icon iconfont icon-qr-scanner"></i>
<div class="name">qr-scanner</div>
<div class="fontclass">.icon-qr-scanner</div>
</li>
<li>
<i class="icon iconfont icon-skip-backward"></i>
<div class="name">skip-backward</div>
<div class="fontclass">.icon-skip-backward</div>
</li>
<li>
<i class="icon iconfont icon-speedometer"></i>
<div class="name">speedometer</div>
<div class="fontclass">.icon-speedometer</div>
</li>
<li>
<i class="icon iconfont icon-tshirt-outline"></i>
<div class="name">tshirt-outline</div>
<div class="fontclass">.icon-tshirt-outline</div>
</li>
<li>
<i class="icon iconfont icon-wineglass"></i>
<div class="name">wineglass</div>
<div class="fontclass">.icon-wineglass</div>
</li>
<li>
<i class="icon iconfont icon-social-android"></i>
<div class="name">social-android</div>
<div class="fontclass">.icon-social-android</div>
</li>
<li>
<i class="icon iconfont icon-social-android-outline"></i>
<div class="name">social-android-outline</div>
<div class="fontclass">.icon-social-android-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-angular"></i>
<div class="name">social-angular</div>
<div class="fontclass">.icon-social-angular</div>
</li>
<li>
<i class="icon iconfont icon-social-angular-outline"></i>
<div class="name">social-angular-outline</div>
<div class="fontclass">.icon-social-angular-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-apple"></i>
<div class="name">social-apple</div>
<div class="fontclass">.icon-social-apple</div>
</li>
<li>
<i class="icon iconfont icon-social-apple-outline"></i>
<div class="name">social-apple-outline</div>
<div class="fontclass">.icon-social-apple-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-buffer"></i>
<div class="name">social-buffer</div>
<div class="fontclass">.icon-social-buffer</div>
</li>
<li>
<i class="icon iconfont icon-social-buffer-outline"></i>
<div class="name">social-buffer-outline</div>
<div class="fontclass">.icon-social-buffer-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-chrome"></i>
<div class="name">social-chrome</div>
<div class="fontclass">.icon-social-chrome</div>
</li>
<li>
<i class="icon iconfont icon-social-chrome-outline"></i>
<div class="name">social-chrome-outline</div>
<div class="fontclass">.icon-social-chrome-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-css3"></i>
<div class="name">social-css3</div>
<div class="fontclass">.icon-social-css3</div>
</li>
<li>
<i class="icon iconfont icon-social-css3-outline"></i>
<div class="name">social-css3-outline</div>
<div class="fontclass">.icon-social-css3-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-dribbble"></i>
<div class="name">social-dribbble</div>
<div class="fontclass">.icon-social-dribbble</div>
</li>
<li>
<i class="icon iconfont icon-social-dribbble-outline"></i>
<div class="name">social-dribbble-outline</div>
<div class="fontclass">.icon-social-dribbble-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-dropbox"></i>
<div class="name">social-dropbox</div>
<div class="fontclass">.icon-social-dropbox</div>
</li>
<li>
<i class="icon iconfont icon-social-dropbox-outline"></i>
<div class="name">social-dropbox-outline</div>
<div class="fontclass">.icon-social-dropbox-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-facebook"></i>
<div class="name">social-facebook</div>
<div class="fontclass">.icon-social-facebook</div>
</li>
<li>
<i class="icon iconfont icon-social-facebook-outline"></i>
<div class="name">social-facebook-outline</div>
<div class="fontclass">.icon-social-facebook-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-google-outline"></i>
<div class="name">social-google-outline</div>
<div class="fontclass">.icon-social-google-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-html5"></i>
<div class="name">social-html5</div>
<div class="fontclass">.icon-social-html5</div>
</li>
<li>
<i class="icon iconfont icon-social-html5-outline"></i>
<div class="name">social-html5-outline</div>
<div class="fontclass">.icon-social-html5-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-instagram"></i>
<div class="name">social-instagram</div>
<div class="fontclass">.icon-social-instagram</div>
</li>
<li>
<i class="icon iconfont icon-social-instagram-outline"></i>
<div class="name">social-instagram-outline</div>
<div class="fontclass">.icon-social-instagram-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-javascript"></i>
<div class="name">social-javascript</div>
<div class="fontclass">.icon-social-javascript</div>
</li>
<li>
<i class="icon iconfont icon-social-javascript-outline"></i>
<div class="name">social-javascript-outline</div>
<div class="fontclass">.icon-social-javascript-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-linkedin"></i>
<div class="name">social-linkedin</div>
<div class="fontclass">.icon-social-linkedin</div>
</li>
<li>
<i class="icon iconfont icon-social-linkedin-outline"></i>
<div class="name">social-linkedin-outline</div>
<div class="fontclass">.icon-social-linkedin-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-markdown"></i>
<div class="name">social-markdown</div>
<div class="fontclass">.icon-social-markdown</div>
</li>
<li>
<i class="icon iconfont icon-social-nodejs"></i>
<div class="name">social-nodejs</div>
<div class="fontclass">.icon-social-nodejs</div>
</li>
<li>
<i class="icon iconfont icon-social-pinterest"></i>
<div class="name">social-pinterest</div>
<div class="fontclass">.icon-social-pinterest</div>
</li>
<li>
<i class="icon iconfont icon-social-rss"></i>
<div class="name">social-rss</div>
<div class="fontclass">.icon-social-rss</div>
</li>
<li>
<i class="icon iconfont icon-social-rss-outline"></i>
<div class="name">social-rss-outline</div>
<div class="fontclass">.icon-social-rss-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-skype"></i>
<div class="name">social-skype</div>
<div class="fontclass">.icon-social-skype</div>
</li>
<li>
<i class="icon iconfont icon-social-skype-outline"></i>
<div class="name">social-skype-outline</div>
<div class="fontclass">.icon-social-skype-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-twitter"></i>
<div class="name">social-twitter</div>
<div class="fontclass">.icon-social-twitter</div>
</li>
<li>
<i class="icon iconfont icon-social-twitter-outline"></i>
<div class="name">social-twitter-outline</div>
<div class="fontclass">.icon-social-twitter-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-usd"></i>
<div class="name">social-usd</div>
<div class="fontclass">.icon-social-usd</div>
</li>
<li>
<i class="icon iconfont icon-social-usd-outline"></i>
<div class="name">social-usd-outline</div>
<div class="fontclass">.icon-social-usd-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-vimeo"></i>
<div class="name">social-vimeo</div>
<div class="fontclass">.icon-social-vimeo</div>
</li>
<li>
<i class="icon iconfont icon-social-vimeo-outline"></i>
<div class="name">social-vimeo-outline</div>
<div class="fontclass">.icon-social-vimeo-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-whatsapp"></i>
<div class="name">social-whatsapp</div>
<div class="fontclass">.icon-social-whatsapp</div>
</li>
<li>
<i class="icon iconfont icon-social-whatsapp-outline"></i>
<div class="name">social-whatsapp-outline</div>
<div class="fontclass">.icon-social-whatsapp-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-windows"></i>
<div class="name">social-windows</div>
<div class="fontclass">.icon-social-windows</div>
</li>
<li>
<i class="icon iconfont icon-social-windows-outline"></i>
<div class="name">social-windows-outline</div>
<div class="fontclass">.icon-social-windows-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-wordpress"></i>
<div class="name">social-wordpress</div>
<div class="fontclass">.icon-social-wordpress</div>
</li>
<li>
<i class="icon iconfont icon-social-wordpress-outline"></i>
<div class="name">social-wordpress-outline</div>
<div class="fontclass">.icon-social-wordpress-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-yen"></i>
<div class="name">social-yen</div>
<div class="fontclass">.icon-social-yen</div>
</li>
<li>
<i class="icon iconfont icon-social-yen-outline"></i>
<div class="name">social-yen-outline</div>
<div class="fontclass">.icon-social-yen-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-youtube"></i>
<div class="name">social-youtube</div>
<div class="fontclass">.icon-social-youtube</div>
</li>
<li>
<i class="icon iconfont icon-social-youtube-outline"></i>
<div class="name">social-youtube-outline</div>
<div class="fontclass">.icon-social-youtube-outline</div>
</li>
<li>
<i class="icon iconfont icon-android-download"></i>
<div class="name">android-download</div>
<div class="fontclass">.icon-android-download</div>
</li>
<li>
<i class="icon iconfont icon-coffee"></i>
<div class="name">coffee</div>
<div class="fontclass">.icon-coffee</div>
</li>
<li>
<i class="icon iconfont icon-ios-bell"></i>
<div class="name">ios-bell</div>
<div class="fontclass">.icon-ios-bell</div>
</li>
<li>
<i class="icon iconfont icon-ios-home"></i>
<div class="name">ios-home</div>
<div class="fontclass">.icon-ios-home</div>
</li>
<li>
<i class="icon iconfont icon-ios-lightbulb"></i>
<div class="name">ios-lightbulb</div>
<div class="fontclass">.icon-ios-lightbulb</div>
</li>
<li>
<i class="icon iconfont icon-ribbon-b"></i>
<div class="name">ribbon-b</div>
<div class="fontclass">.icon-ribbon-b</div>
</li>
<li>
<i class="icon iconfont icon-android-close"></i>
<div class="name">android-close</div>
<div class="fontclass">.icon-android-close</div>
</li>
<li>
<i class="icon iconfont icon-android-arrow-back"></i>
<div class="name">android-arrow-back</div>
<div class="fontclass">.icon-android-arrow-back</div>
</li>
<li>
<i class="icon iconfont icon-android-exit"></i>
<div class="name">android-exit</div>
<div class="fontclass">.icon-android-exit</div>
</li>
<li>
<i class="icon iconfont icon-battery-charging"></i>
<div class="name">battery-charging</div>
<div class="fontclass">.icon-battery-charging</div>
</li>
<li>
<i class="icon iconfont icon-android-lock"></i>
<div class="name">android-lock</div>
<div class="fontclass">.icon-android-lock</div>
</li>
<li>
<i class="icon iconfont icon-android-chat"></i>
<div class="name">android-chat</div>
<div class="fontclass">.icon-android-chat</div>
</li>
<li>
<i class="icon iconfont icon-android-checkbox-outline-blank"></i>
<div class="name">android-checkbox-outline-blank</div>
<div class="fontclass">.icon-android-checkbox-outline-blank</div>
</li>
<li>
<i class="icon iconfont icon-android-navigate"></i>
<div class="name">android-navigate</div>
<div class="fontclass">.icon-android-navigate</div>
</li>
<li>
<i class="icon iconfont icon-android-restaurant"></i>
<div class="name">android-restaurant</div>
<div class="fontclass">.icon-android-restaurant</div>
</li>
<li>
<i class="icon iconfont icon-android-star-outline"></i>
<div class="name">android-star-outline</div>
<div class="fontclass">.icon-android-star-outline</div>
</li>
<li>
<i class="icon iconfont icon-android-sync"></i>
<div class="name">android-sync</div>
<div class="fontclass">.icon-android-sync</div>
</li>
<li>
<i class="icon iconfont icon-android-volume-down"></i>
<div class="name">android-volume-down</div>
<div class="fontclass">.icon-android-volume-down</div>
</li>
<li>
<i class="icon iconfont icon-laptop"></i>
<div class="name">laptop</div>
<div class="fontclass">.icon-laptop</div>
</li>
<li>
<i class="icon iconfont icon-mic-c"></i>
<div class="name">mic-c</div>
<div class="fontclass">.icon-mic-c</div>
</li>
<li>
<i class="icon iconfont icon-person-add"></i>
<div class="name">person-add</div>
<div class="fontclass">.icon-person-add</div>
</li>
<li>
<i class="icon iconfont icon-pricetags"></i>
<div class="name">pricetags</div>
<div class="fontclass">.icon-pricetags</div>
</li>
<li>
<i class="icon iconfont icon-printer"></i>
<div class="name">printer</div>
<div class="fontclass">.icon-printer</div>
</li>
<li>
<i class="icon iconfont icon-social-yahoo"></i>
<div class="name">social-yahoo</div>
<div class="fontclass">.icon-social-yahoo</div>
</li>
<li>
<i class="icon iconfont icon-thumbsdown"></i>
<div class="name">thumbsdown</div>
<div class="fontclass">.icon-thumbsdown</div>
</li>
<li>
<i class="icon iconfont icon-android-desktop"></i>
<div class="name">android-desktop</div>
<div class="fontclass">.icon-android-desktop</div>
</li>
<li>
<i class="icon iconfont icon-android-film"></i>
<div class="name">android-film</div>
<div class="fontclass">.icon-android-film</div>
</li>
<li>
<i class="icon iconfont icon-android-globe"></i>
<div class="name">android-globe</div>
<div class="fontclass">.icon-android-globe</div>
</li>
<li>
<i class="icon iconfont icon-android-mail"></i>
<div class="name">android-mail</div>
<div class="fontclass">.icon-android-mail</div>
</li>
<li>
<i class="icon iconfont icon-android-open"></i>
<div class="name">android-open</div>
<div class="fontclass">.icon-android-open</div>
</li>
<li>
<i class="icon iconfont icon-android-options"></i>
<div class="name">android-options</div>
<div class="fontclass">.icon-android-options</div>
</li>
<li>
<i class="icon iconfont icon-android-person-add"></i>
<div class="name">android-person-add</div>
<div class="fontclass">.icon-android-person-add</div>
</li>
<li>
<i class="icon iconfont icon-android-phone-landscape"></i>
<div class="name">android-phone-landscape</div>
<div class="fontclass">.icon-android-phone-landscape</div>
</li>
<li>
<i class="icon iconfont icon-compass"></i>
<div class="name">compass</div>
<div class="fontclass">.icon-compass</div>
</li>
<li>
<i class="icon iconfont icon-flash"></i>
<div class="name">flash</div>
<div class="fontclass">.icon-flash</div>
</li>
<li>
<i class="icon iconfont icon-merge"></i>
<div class="name">merge</div>
<div class="fontclass">.icon-merge</div>
</li>
<li>
<i class="icon iconfont icon-mouse"></i>
<div class="name">mouse</div>
<div class="fontclass">.icon-mouse</div>
</li>
<li>
<i class="icon iconfont icon-social-codepen"></i>
<div class="name">social-codepen</div>
<div class="fontclass">.icon-social-codepen</div>
</li>
<li>
<i class="icon iconfont icon-social-googleplus"></i>
<div class="name">social-googleplus</div>
<div class="fontclass">.icon-social-googleplus</div>
</li>
<li>
<i class="icon iconfont icon-unlocked"></i>
<div class="name">unlocked</div>
<div class="fontclass">.icon-unlocked</div>
</li>
<li>
<i class="icon iconfont icon-videocamera"></i>
<div class="name">videocamera</div>
<div class="fontclass">.icon-videocamera</div>
</li>
<li>
<i class="icon iconfont icon-man"></i>
<div class="name">man</div>
<div class="fontclass">.icon-man</div>
</li>
<li>
<i class="icon iconfont icon-bug"></i>
<div class="name">bug</div>
<div class="fontclass">.icon-bug</div>
</li>
<li>
<i class="icon iconfont icon-android-arrow-down"></i>
<div class="name">android-arrow-down</div>
<div class="fontclass">.icon-android-arrow-down</div>
</li>
<li>
<i class="icon iconfont icon-iphone"></i>
<div class="name">iphone</div>
<div class="fontclass">.icon-iphone</div>
</li>
<li>
<i class="icon iconfont icon-android-checkbox"></i>
<div class="name">android-checkbox</div>
<div class="fontclass">.icon-android-checkbox</div>
</li>
<li>
<i class="icon iconfont icon-android-create"></i>
<div class="name">android-create</div>
<div class="fontclass">.icon-android-create</div>
</li>
<li>
<i class="icon iconfont icon-android-delete"></i>
<div class="name">android-delete</div>
<div class="fontclass">.icon-android-delete</div>
</li>
<li>
<i class="icon iconfont icon-android-expand"></i>
<div class="name">android-expand</div>
<div class="fontclass">.icon-android-expand</div>
</li>
<li>
<i class="icon iconfont icon-android-favorite-outline"></i>
<div class="name">android-favorite-outline</div>
<div class="fontclass">.icon-android-favorite-outline</div>
</li>
<li>
<i class="icon iconfont icon-android-locate"></i>
<div class="name">android-locate</div>
<div class="fontclass">.icon-android-locate</div>
</li>
<li>
<i class="icon iconfont icon-android-more-vertical"></i>
<div class="name">android-more-vertical</div>
<div class="fontclass">.icon-android-more-vertical</div>
</li>
<li>
<i class="icon iconfont icon-android-people"></i>
<div class="name">android-people</div>
<div class="fontclass">.icon-android-people</div>
</li>
<li>
<i class="icon iconfont icon-android-send"></i>
<div class="name">android-send</div>
<div class="fontclass">.icon-android-send</div>
</li>
<li>
<i class="icon iconfont icon-android-share"></i>
<div class="name">android-share</div>
<div class="fontclass">.icon-android-share</div>
</li>
<li>
<i class="icon iconfont icon-android-watch"></i>
<div class="name">android-watch</div>
<div class="fontclass">.icon-android-watch</div>
</li>
<li>
<i class="icon iconfont icon-at"></i>
<div class="name">at</div>
<div class="fontclass">.icon-at</div>
</li>
<li>
<i class="icon iconfont icon-bag"></i>
<div class="name">bag</div>
<div class="fontclass">.icon-bag</div>
</li>
<li>
<i class="icon iconfont icon-battery-empty"></i>
<div class="name">battery-empty</div>
<div class="fontclass">.icon-battery-empty</div>
</li>
<li>
<i class="icon iconfont icon-battery-low"></i>
<div class="name">battery-low</div>
<div class="fontclass">.icon-battery-low</div>
</li>
<li>
<i class="icon iconfont icon-beer"></i>
<div class="name">beer</div>
<div class="fontclass">.icon-beer</div>
</li>
<li>
<i class="icon iconfont icon-bowtie"></i>
<div class="name">bowtie</div>
<div class="fontclass">.icon-bowtie</div>
</li>
<li>
<i class="icon iconfont icon-cash"></i>
<div class="name">cash</div>
<div class="fontclass">.icon-cash</div>
</li>
<li>
<i class="icon iconfont icon-code-working"></i>
<div class="name">code-working</div>
<div class="fontclass">.icon-code-working</div>
</li>
<li>
<i class="icon iconfont icon-connection-bars"></i>
<div class="name">connection-bars</div>
<div class="fontclass">.icon-connection-bars</div>
</li>
<li>
<i class="icon iconfont icon-cube"></i>
<div class="name">cube</div>
<div class="fontclass">.icon-cube</div>
</li>
<li>
<i class="icon iconfont icon-eject"></i>
<div class="name">eject</div>
<div class="fontclass">.icon-eject</div>
</li>
<li>
<i class="icon iconfont icon-flash-off"></i>
<div class="name">flash-off</div>
<div class="fontclass">.icon-flash-off</div>
</li>
<li>
<i class="icon iconfont icon-grid"></i>
<div class="name">grid</div>
<div class="fontclass">.icon-grid</div>
</li>
<li>
<i class="icon iconfont icon-leaf"></i>
<div class="name">leaf</div>
<div class="fontclass">.icon-leaf</div>
</li>
<li>
<i class="icon iconfont icon-load-c"></i>
<div class="name">load-c</div>
<div class="fontclass">.icon-load-c</div>
</li>
<li>
<i class="icon iconfont icon-nuclear"></i>
<div class="name">nuclear</div>
<div class="fontclass">.icon-nuclear</div>
</li>
<li>
<i class="icon iconfont icon-person"></i>
<div class="name">person</div>
<div class="fontclass">.icon-person</div>
</li>
<li>
<i class="icon iconfont icon-social-googleplus-outline"></i>
<div class="name">social-googleplus-outline</div>
<div class="fontclass">.icon-social-googleplus-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-twitch"></i>
<div class="name">social-twitch</div>
<div class="fontclass">.icon-social-twitch</div>
</li>
<li>
<i class="icon iconfont icon-speakerphone"></i>
<div class="name">speakerphone</div>
<div class="fontclass">.icon-speakerphone</div>
</li>
<li>
<i class="icon iconfont icon-thumbsup"></i>
<div class="name">thumbsup</div>
<div class="fontclass">.icon-thumbsup</div>
</li>
<li>
<i class="icon iconfont icon-volume-high"></i>
<div class="name">volume-high</div>
<div class="fontclass">.icon-volume-high</div>
</li>
<li>
<i class="icon iconfont icon-wifi"></i>
<div class="name">wifi</div>
<div class="fontclass">.icon-wifi</div>
</li>
<li>
<i class="icon iconfont icon-tuichu"></i>
<div class="name">quit</div>
<div class="fontclass">.icon-tuichu</div>
</li>
<li>
<i class="icon iconfont icon-social-github"></i>
<div class="name">social-github</div>
<div class="fontclass">.icon-social-github</div>
</li>
<li>
<i class="icon iconfont icon-playstation"></i>
<div class="name">playstation</div>
<div class="fontclass">.icon-playstation</div>
</li>
<li>
<i class="icon iconfont icon-ios-albums"></i>
<div class="name">ios-albums</div>
<div class="fontclass">.icon-ios-albums</div>
</li>
<li>
<i class="icon iconfont icon-ios-baseball-outline"></i>
<div class="name">ios-baseball-outline</div>
<div class="fontclass">.icon-ios-baseball-outline</div>
</li>
<li>
<i class="icon iconfont icon-stop"></i>
<div class="name">stop</div>
<div class="fontclass">.icon-stop</div>
</li>
<li>
<i class="icon iconfont icon-android-add"></i>
<div class="name">android-add</div>
<div class="fontclass">.icon-android-add</div>
</li>
<li>
<i class="icon iconfont icon-android-bus"></i>
<div class="name">android-bus</div>
<div class="fontclass">.icon-android-bus</div>
</li>
<li>
<i class="icon iconfont icon-android-cancel"></i>
<div class="name">android-cancel</div>
<div class="fontclass">.icon-android-cancel</div>
</li>
<li>
<i class="icon iconfont icon-android-checkbox-outline"></i>
<div class="name">android-checkbox-outline</div>
<div class="fontclass">.icon-android-checkbox-outline</div>
</li>
<li>
<i class="icon iconfont icon-android-contact"></i>
<div class="name">android-contact</div>
<div class="fontclass">.icon-android-contact</div>
</li>
<li>
<i class="icon iconfont icon-android-contract"></i>
<div class="name">android-contract</div>
<div class="fontclass">.icon-android-contract</div>
</li>
<li>
<i class="icon iconfont icon-android-folder"></i>
<div class="name">android-folder</div>
<div class="fontclass">.icon-android-folder</div>
</li>
<li>
<i class="icon iconfont icon-android-laptop"></i>
<div class="name">android-laptop</div>
<div class="fontclass">.icon-android-laptop</div>
</li>
<li>
<i class="icon iconfont icon-android-menu"></i>
<div class="name">android-menu</div>
<div class="fontclass">.icon-android-menu</div>
</li>
<li>
<i class="icon iconfont icon-android-microphone-off"></i>
<div class="name">android-microphone-off</div>
<div class="fontclass">.icon-android-microphone-off</div>
</li>
<li>
<i class="icon iconfont icon-android-person"></i>
<div class="name">android-person</div>
<div class="fontclass">.icon-android-person</div>
</li>
<li>
<i class="icon iconfont icon-android-settings"></i>
<div class="name">android-settings</div>
<div class="fontclass">.icon-android-settings</div>
</li>
<li>
<i class="icon iconfont icon-android-star-half"></i>
<div class="name">android-star-half</div>
<div class="fontclass">.icon-android-star-half</div>
</li>
<li>
<i class="icon iconfont icon-android-time"></i>
<div class="name">android-time</div>
<div class="fontclass">.icon-android-time</div>
</li>
<li>
<i class="icon iconfont icon-android-stopwatch"></i>
<div class="name">android-stopwatch</div>
<div class="fontclass">.icon-android-stopwatch</div>
</li>
<li>
<i class="icon iconfont icon-android-volume-off"></i>
<div class="name">android-volume-off</div>
<div class="fontclass">.icon-android-volume-off</div>
</li>
<li>
<i class="icon iconfont icon-aperture"></i>
<div class="name">aperture</div>
<div class="fontclass">.icon-aperture</div>
</li>
<li>
<i class="icon iconfont icon-flame"></i>
<div class="name">flame</div>
<div class="fontclass">.icon-flame</div>
</li>
<li>
<i class="icon iconfont icon-ios-basketball"></i>
<div class="name">ios-basketball</div>
<div class="fontclass">.icon-ios-basketball</div>
</li>
<li>
<i class="icon iconfont icon-ios-skipforward-outline"></i>
<div class="name">ios-skipforward-outline</div>
<div class="fontclass">.icon-ios-skipforward-outline</div>
</li>
<li>
<i class="icon iconfont icon-no-smoking"></i>
<div class="name">no-smoking</div>
<div class="fontclass">.icon-no-smoking</div>
</li>
<li>
<i class="icon iconfont icon-paintbucket"></i>
<div class="name">paintbucket</div>
<div class="fontclass">.icon-paintbucket</div>
</li>
<li>
<i class="icon iconfont icon-social-pinterest-outline"></i>
<div class="name">social-pinterest-outline</div>
<div class="fontclass">.icon-social-pinterest-outline</div>
</li>
<li>
<i class="icon iconfont icon-social-python"></i>
<div class="name">social-python</div>
<div class="fontclass">.icon-social-python</div>
</li>
<li>
<i class="icon iconfont icon-social-tumblr-outline"></i>
<div class="name">social-tumblr-outline</div>
<div class="fontclass">.icon-social-tumblr-outline</div>
</li>
<li>
<i class="icon iconfont icon-xbox"></i>
<div class="name">xbox</div>
<div class="fontclass">.icon-xbox</div>
</li>
<li>
<i class="icon iconfont icon-android-calendar"></i>
<div class="name">android-calendar</div>
<div class="fontclass">.icon-android-calendar</div>
</li>
<li>
<i class="icon iconfont icon-android-color-palette"></i>
<div class="name">android-color-palette</div>
<div class="fontclass">.icon-android-color-palette</div>
</li>