vue-moo
Version:
moo
3,059 lines • 122 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 iconfont2 icon2-number_"></i>
<div class="name">number_6</div>
<div class="fontclass">.icon2-number_</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_1"></i>
<div class="name">number_7</div>
<div class="fontclass">.icon2-number_1</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_2"></i>
<div class="name">number_9</div>
<div class="fontclass">.icon2-number_2</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_3"></i>
<div class="name">number_0</div>
<div class="fontclass">.icon2-number_3</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_4"></i>
<div class="name">number_3</div>
<div class="fontclass">.icon2-number_4</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_5"></i>
<div class="name">number_1</div>
<div class="fontclass">.icon2-number_5</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_6"></i>
<div class="name">number_4</div>
<div class="fontclass">.icon2-number_6</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_7"></i>
<div class="name">number_8</div>
<div class="fontclass">.icon2-number_7</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_punctuation"></i>
<div class="name">number_punctuation</div>
<div class="fontclass">.icon2-number_punctuation</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_8"></i>
<div class="name">number_5</div>
<div class="fontclass">.icon2-number_8</div>
</li>
<li>
<i class="icon iconfont2 icon2-number_9"></i>
<div class="name">number_2</div>
<div class="fontclass">.icon2-number_9</div>
</li>
<li>
<i class="icon iconfont2 icon2-add"></i>
<div class="name">add</div>
<div class="fontclass">.icon2-add</div>
</li>
<li>
<i class="icon iconfont2 icon2-column"></i>
<div class="name">3column</div>
<div class="fontclass">.icon2-column</div>
</li>
<li>
<i class="icon iconfont2 icon2-column1"></i>
<div class="name">4column</div>
<div class="fontclass">.icon2-column1</div>
</li>
<li>
<i class="icon iconfont2 icon2-air-drop"></i>
<div class="name">air-drop</div>
<div class="fontclass">.icon2-air-drop</div>
</li>
<li>
<i class="icon iconfont2 icon2-add-r"></i>
<div class="name">add-r</div>
<div class="fontclass">.icon2-add-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-add-s"></i>
<div class="name">add-s</div>
<div class="fontclass">.icon2-add-s</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-double-left"></i>
<div class="name">arrow-double-left</div>
<div class="fontclass">.icon2-arrow-double-left</div>
</li>
<li>
<i class="icon iconfont2 icon2-app"></i>
<div class="name">app</div>
<div class="fontclass">.icon2-app</div>
</li>
<li>
<i class="icon iconfont2 icon2-also-loan"></i>
<div class="name">also-loan</div>
<div class="fontclass">.icon2-also-loan</div>
</li>
<li>
<i class="icon iconfont2 icon2-ascending"></i>
<div class="name">ascending</div>
<div class="fontclass">.icon2-ascending</div>
</li>
<li>
<i class="icon iconfont2 icon2-air"></i>
<div class="name">air</div>
<div class="fontclass">.icon2-air</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-double-right"></i>
<div class="name">arrow-double-right</div>
<div class="fontclass">.icon2-arrow-double-right</div>
</li>
<li>
<i class="icon iconfont2 icon2-atm"></i>
<div class="name">atm</div>
<div class="fontclass">.icon2-atm</div>
</li>
<li>
<i class="icon iconfont2 icon2-atm-away"></i>
<div class="name">atm-away</div>
<div class="fontclass">.icon2-atm-away</div>
</li>
<li>
<i class="icon iconfont2 icon2-bad-r"></i>
<div class="name">bad-r</div>
<div class="fontclass">.icon2-bad-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-attendance"></i>
<div class="name">attendance</div>
<div class="fontclass">.icon2-attendance</div>
</li>
<li>
<i class="icon iconfont2 icon2-bad"></i>
<div class="name">bad</div>
<div class="fontclass">.icon2-bad</div>
</li>
<li>
<i class="icon iconfont2 icon2-back-r"></i>
<div class="name">back-r</div>
<div class="fontclass">.icon2-back-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-back"></i>
<div class="name">back</div>
<div class="fontclass">.icon2-back</div>
</li>
<li>
<i class="icon iconfont2 icon2-bank-card"></i>
<div class="name">bank-card</div>
<div class="fontclass">.icon2-bank-card</div>
</li>
<li>
<i class="icon iconfont2 icon2-bar-chart"></i>
<div class="name">bar-chart</div>
<div class="fontclass">.icon2-bar-chart</div>
</li>
<li>
<i class="icon iconfont2 icon2-box"></i>
<div class="name">box</div>
<div class="fontclass">.icon2-box</div>
</li>
<li>
<i class="icon iconfont2 icon2-building"></i>
<div class="name">building</div>
<div class="fontclass">.icon2-building</div>
</li>
<li>
<i class="icon iconfont2 icon2-business"></i>
<div class="name">business</div>
<div class="fontclass">.icon2-business</div>
</li>
<li>
<i class="icon iconfont2 icon2-bill"></i>
<div class="name">bill</div>
<div class="fontclass">.icon2-bill</div>
</li>
<li>
<i class="icon iconfont2 icon2-calculator"></i>
<div class="name">calculator</div>
<div class="fontclass">.icon2-calculator</div>
</li>
<li>
<i class="icon iconfont2 icon2-calendar"></i>
<div class="name">calendar</div>
<div class="fontclass">.icon2-calendar</div>
</li>
<li>
<i class="icon iconfont2 icon2-camera"></i>
<div class="name">camera</div>
<div class="fontclass">.icon2-camera</div>
</li>
<li>
<i class="icon iconfont2 icon2-businesscard"></i>
<div class="name">businesscard</div>
<div class="fontclass">.icon2-businesscard</div>
</li>
<li>
<i class="icon iconfont2 icon2-car"></i>
<div class="name">car</div>
<div class="fontclass">.icon2-car</div>
</li>
<li>
<i class="icon iconfont2 icon2-chat"></i>
<div class="name">chat</div>
<div class="fontclass">.icon2-chat</div>
</li>
<li>
<i class="icon iconfont2 icon2-cangneishicao"></i>
<div class="name">cangneishicao</div>
<div class="fontclass">.icon2-cangneishicao</div>
</li>
<li>
<i class="icon iconfont2 icon2-check"></i>
<div class="name">check</div>
<div class="fontclass">.icon2-check</div>
</li>
<li>
<i class="icon iconfont2 icon2-checkbox-selected"></i>
<div class="name">checkbox-selected</div>
<div class="fontclass">.icon2-checkbox-selected</div>
</li>
<li>
<i class="icon iconfont2 icon2-Chinese"></i>
<div class="name">Chinese</div>
<div class="fontclass">.icon2-Chinese</div>
</li>
<li>
<i class="icon iconfont2 icon2-checkbox"></i>
<div class="name">checkbox</div>
<div class="fontclass">.icon2-checkbox</div>
</li>
<li>
<i class="icon iconfont2 icon2-clock"></i>
<div class="name">clock</div>
<div class="fontclass">.icon2-clock</div>
</li>
<li>
<i class="icon iconfont2 icon2-close"></i>
<div class="name">close</div>
<div class="fontclass">.icon2-close</div>
</li>
<li>
<i class="icon iconfont2 icon2-commodity"></i>
<div class="name">commodity</div>
<div class="fontclass">.icon2-commodity</div>
</li>
<li>
<i class="icon iconfont2 icon2-colthes"></i>
<div class="name">colthes</div>
<div class="fontclass">.icon2-colthes</div>
</li>
<li>
<i class="icon iconfont2 icon2-compare"></i>
<div class="name">compare</div>
<div class="fontclass">.icon2-compare</div>
</li>
<li>
<i class="icon iconfont2 icon2-compass"></i>
<div class="name">compass</div>
<div class="fontclass">.icon2-compass</div>
</li>
<li>
<i class="icon iconfont2 icon2-complain"></i>
<div class="name">complain</div>
<div class="fontclass">.icon2-complain</div>
</li>
<li>
<i class="icon iconfont2 icon2-complete-r"></i>
<div class="name">complete-r</div>
<div class="fontclass">.icon2-complete-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-complete"></i>
<div class="name">complete</div>
<div class="fontclass">.icon2-complete</div>
</li>
<li>
<i class="icon iconfont2 icon2-courier"></i>
<div class="name">courier</div>
<div class="fontclass">.icon2-courier</div>
</li>
<li>
<i class="icon iconfont2 icon2-copy"></i>
<div class="name">copy</div>
<div class="fontclass">.icon2-copy</div>
</li>
<li>
<i class="icon iconfont2 icon2-CSR"></i>
<div class="name">CSR</div>
<div class="fontclass">.icon2-CSR</div>
</li>
<li>
<i class="icon iconfont2 icon2-create-bill"></i>
<div class="name">create-bill</div>
<div class="fontclass">.icon2-create-bill</div>
</li>
<li>
<i class="icon iconfont2 icon2-cut"></i>
<div class="name">cut</div>
<div class="fontclass">.icon2-cut</div>
</li>
<li>
<i class="icon iconfont2 icon2-dashboard"></i>
<div class="name">dashboard</div>
<div class="fontclass">.icon2-dashboard</div>
</li>
<li>
<i class="icon iconfont2 icon2-delete"></i>
<div class="name">delete</div>
<div class="fontclass">.icon2-delete</div>
</li>
<li>
<i class="icon iconfont2 icon2-delivery"></i>
<div class="name">delivery</div>
<div class="fontclass">.icon2-delivery</div>
</li>
<li>
<i class="icon iconfont2 icon2-customs"></i>
<div class="name">customs</div>
<div class="fontclass">.icon2-customs</div>
</li>
<li>
<i class="icon iconfont2 icon2-descending"></i>
<div class="name">descending</div>
<div class="fontclass">.icon2-descending</div>
</li>
<li>
<i class="icon iconfont2 icon2-dialog"></i>
<div class="name">dialog</div>
<div class="fontclass">.icon2-dialog</div>
</li>
<li>
<i class="icon iconfont2 icon2-diamond"></i>
<div class="name">diamond</div>
<div class="fontclass">.icon2-diamond</div>
</li>
<li>
<i class="icon iconfont2 icon2-download"></i>
<div class="name">download</div>
<div class="fontclass">.icon2-download</div>
</li>
<li>
<i class="icon iconfont2 icon2-ding"></i>
<div class="name">ding</div>
<div class="fontclass">.icon2-ding</div>
</li>
<li>
<i class="icon iconfont2 icon2-drop"></i>
<div class="name">drop</div>
<div class="fontclass">.icon2-drop</div>
</li>
<li>
<i class="icon iconfont2 icon2-dollar"></i>
<div class="name">dollar</div>
<div class="fontclass">.icon2-dollar</div>
</li>
<li>
<i class="icon iconfont2 icon2-duihua"></i>
<div class="name">duihua</div>
<div class="fontclass">.icon2-duihua</div>
</li>
<li>
<i class="icon iconfont2 icon2-edit"></i>
<div class="name">edit</div>
<div class="fontclass">.icon2-edit</div>
</li>
<li>
<i class="icon iconfont2 icon2-electronics"></i>
<div class="name">electronics</div>
<div class="fontclass">.icon2-electronics</div>
</li>
<li>
<i class="icon iconfont2 icon2-English"></i>
<div class="name">English</div>
<div class="fontclass">.icon2-English</div>
</li>
<li>
<i class="icon iconfont2 icon2-error-s"></i>
<div class="name">error-s</div>
<div class="fontclass">.icon2-error-s</div>
</li>
<li>
<i class="icon iconfont2 icon2-enclosure"></i>
<div class="name">enclosure</div>
<div class="fontclass">.icon2-enclosure</div>
</li>
<li>
<i class="icon iconfont2 icon2-error-r"></i>
<div class="name">error-r</div>
<div class="fontclass">.icon2-error-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark-r"></i>
<div class="name">exclamatory-mark-r</div>
<div class="fontclass">.icon2-exclamatory-mark-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-exchange"></i>
<div class="name">exchange</div>
<div class="fontclass">.icon2-exchange</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark-t"></i>
<div class="name">exclamatory-mark-t</div>
<div class="fontclass">.icon2-exclamatory-mark-t</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark"></i>
<div class="name">exclamatory-mark</div>
<div class="fontclass">.icon2-exclamatory-mark</div>
</li>
<li>
<i class="icon iconfont2 icon2-extend-r"></i>
<div class="name">extend-r</div>
<div class="fontclass">.icon2-extend-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-extend"></i>
<div class="name">extend</div>
<div class="fontclass">.icon2-extend</div>
</li>
<li>
<i class="icon iconfont2 icon2-exit-fullscreen"></i>
<div class="name">exit-fullscreen</div>
<div class="fontclass">.icon2-exit-fullscreen</div>
</li>
<li>
<i class="icon iconfont2 icon2-finance"></i>
<div class="name">finance</div>
<div class="fontclass">.icon2-finance</div>
</li>
<li>
<i class="icon iconfont2 icon2-favorites"></i>
<div class="name">favorites</div>
<div class="fontclass">.icon2-favorites</div>
</li>
<li>
<i class="icon iconfont2 icon2-filter"></i>
<div class="name">filter</div>
<div class="fontclass">.icon2-filter</div>
</li>
<li>
<i class="icon iconfont2 icon2-first-page"></i>
<div class="name">first-page</div>
<div class="fontclass">.icon2-first-page</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp-auto"></i>
<div class="name">flash-lamp-auto</div>
<div class="fontclass">.icon2-flash-lamp-auto</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp-off"></i>
<div class="name">flash-lamp-off</div>
<div class="fontclass">.icon2-flash-lamp-off</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp"></i>
<div class="name">flash-lamp</div>
<div class="fontclass">.icon2-flash-lamp</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward-r"></i>
<div class="name">forward-r</div>
<div class="fontclass">.icon2-forward-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-forbidden"></i>
<div class="name">forbidden</div>
<div class="fontclass">.icon2-forbidden</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward-sorting"></i>
<div class="name">forward-sorting</div>
<div class="fontclass">.icon2-forward-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-fullscreen"></i>
<div class="name">fullscreen</div>
<div class="fontclass">.icon2-fullscreen</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward"></i>
<div class="name">forward</div>
<div class="fontclass">.icon2-forward</div>
</li>
<li>
<i class="icon iconfont2 icon2-gifts"></i>
<div class="name">gifts</div>
<div class="fontclass">.icon2-gifts</div>
</li>
<li>
<i class="icon iconfont2 icon2-free"></i>
<div class="name">free</div>
<div class="fontclass">.icon2-free</div>
</li>
<li>
<i class="icon iconfont2 icon2-folder"></i>
<div class="name">folder</div>
<div class="fontclass">.icon2-folder</div>
</li>
<li>
<i class="icon iconfont2 icon2-good-r"></i>
<div class="name">good-r</div>
<div class="fontclass">.icon2-good-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-good"></i>
<div class="name">good</div>
<div class="fontclass">.icon2-good</div>
</li>
<li>
<i class="icon iconfont2 icon2-group"></i>
<div class="name">group</div>
<div class="fontclass">.icon2-group</div>
</li>
<li>
<i class="icon iconfont2 icon2-home"></i>
<div class="name">home</div>
<div class="fontclass">.icon2-home</div>
</li>
<li>
<i class="icon iconfont2 icon2-history"></i>
<div class="name">history</div>
<div class="fontclass">.icon2-history</div>
</li>
<li>
<i class="icon iconfont2 icon2-image-text"></i>
<div class="name">image-text</div>
<div class="fontclass">.icon2-image-text</div>
</li>
<li>
<i class="icon iconfont2 icon2-horizontal-retractio"></i>
<div class="name">horizontal-retractio</div>
<div class="fontclass">.icon2-horizontal-retractio</div>
</li>
<li>
<i class="icon iconfont2 icon2-horizontal-expansion"></i>
<div class="name">horizontal-expansion</div>
<div class="fontclass">.icon2-horizontal-expansion</div>
</li>
<li>
<i class="icon iconfont2 icon2-horn"></i>
<div class="name">horn</div>
<div class="fontclass">.icon2-horn</div>
</li>
<li>
<i class="icon iconfont2 icon2-import"></i>
<div class="name">import</div>
<div class="fontclass">.icon2-import</div>
</li>
<li>
<i class="icon iconfont2 icon2-image"></i>
<div class="name">image</div>
<div class="fontclass">.icon2-image</div>
</li>
<li>
<i class="icon iconfont2 icon2-info-r"></i>
<div class="name">info-r</div>
<div class="fontclass">.icon2-info-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-info"></i>
<div class="name">info</div>
<div class="fontclass">.icon2-info</div>
</li>
<li>
<i class="icon iconfont2 icon2-information"></i>
<div class="name">information</div>
<div class="fontclass">.icon2-information</div>
</li>
<li>
<i class="icon iconfont2 icon2-key"></i>
<div class="name">key</div>
<div class="fontclass">.icon2-key</div>
</li>
<li>
<i class="icon iconfont2 icon2-international"></i>
<div class="name">international</div>
<div class="fontclass">.icon2-international</div>
</li>
<li>
<i class="icon iconfont2 icon2-keyboard"></i>
<div class="name">keyboard</div>
<div class="fontclass">.icon2-keyboard</div>
</li>
<li>
<i class="icon iconfont2 icon2-last-page"></i>
<div class="name">last-page</div>
<div class="fontclass">.icon2-last-page</div>
</li>
<li>
<i class="icon iconfont2 icon2-increase"></i>
<div class="name">increase</div>
<div class="fontclass">.icon2-increase</div>
</li>
<li>
<i class="icon iconfont2 icon2-left"></i>
<div class="name">left</div>
<div class="fontclass">.icon2-left</div>
</li>
<li>
<i class="icon iconfont2 icon2-letter"></i>
<div class="name">letter</div>
<div class="fontclass">.icon2-letter</div>
</li>
<li>
<i class="icon iconfont2 icon2-lefy-exchange"></i>
<div class="name">lefy-exchange</div>
<div class="fontclass">.icon2-lefy-exchange</div>
</li>
<li>
<i class="icon iconfont2 icon2-left-sorting"></i>
<div class="name">left-sorting</div>
<div class="fontclass">.icon2-left-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-light"></i>
<div class="name">light</div>
<div class="fontclass">.icon2-light</div>
</li>
<li>
<i class="icon iconfont2 icon2-like"></i>
<div class="name">like</div>
<div class="fontclass">.icon2-like</div>
</li>
<li>
<i class="icon iconfont2 icon2-link"></i>
<div class="name">link</div>
<div class="fontclass">.icon2-link</div>
</li>
<li>
<i class="icon iconfont2 icon2-line"></i>
<div class="name">line</div>
<div class="fontclass">.icon2-line</div>
</li>
<li>
<i class="icon iconfont2 icon2-load"></i>
<div class="name">load</div>
<div class="fontclass">.icon2-load</div>
</li>
<li>
<i class="icon iconfont2 icon2-loading-"></i>
<div class="name">loading-2</div>
<div class="fontclass">.icon2-loading-</div>
</li>
<li>
<i class="icon iconfont2 icon2-loading-1"></i>
<div class="name">loading-1</div>
<div class="fontclass">.icon2-loading-1</div>
</li>
<li>
<i class="icon iconfont2 icon2-lock"></i>
<div class="name">lock</div>
<div class="fontclass">.icon2-lock</div>
</li>
<li>
<i class="icon iconfont2 icon2-loan"></i>
<div class="name">loan</div>
<div class="fontclass">.icon2-loan</div>
</li>
<li>
<i class="icon iconfont2 icon2-location"></i>
<div class="name">location</div>
<div class="fontclass">.icon2-location</div>
</li>
<li>
<i class="icon iconfont2 icon2-logistics"></i>
<div class="name">logistics</div>
<div class="fontclass">.icon2-logistics</div>
</li>
<li>
<i class="icon iconfont2 icon2-macbook"></i>
<div class="name">macbook</div>
<div class="fontclass">.icon2-macbook</div>
</li>
<li>
<i class="icon iconfont2 icon2-logout"></i>
<div class="name">logout</div>
<div class="fontclass">.icon2-logout</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus-r"></i>
<div class="name">minus-r</div>
<div class="fontclass">.icon2-minus-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-map-"></i>
<div class="name">map-1</div>
<div class="fontclass">.icon2-map-</div>
</li>
<li>
<i class="icon iconfont2 icon2-map-1"></i>
<div class="name">map-2</div>
<div class="fontclass">.icon2-map-1</div>
</li>
<li>
<i class="icon iconfont2 icon2-mic"></i>
<div class="name">mic</div>
<div class="fontclass">.icon2-mic</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus"></i>
<div class="name">minus</div>
<div class="fontclass">.icon2-minus</div>
</li>
<li>
<i class="icon iconfont2 icon2-mobile-Phone"></i>
<div class="name">mobile-Phone</div>
<div class="fontclass">.icon2-mobile-Phone</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus-s"></i>
<div class="name">minus-s</div>
<div class="fontclass">.icon2-minus-s</div>
</li>
<li>
<i class="icon iconfont2 icon2-money"></i>
<div class="name">money</div>
<div class="fontclass">.icon2-money</div>
</li>
<li>
<i class="icon iconfont2 icon2-monitor"></i>
<div class="name">monitor</div>
<div class="fontclass">.icon2-monitor</div>
</li>
<li>
<i class="icon iconfont2 icon2-money-bill"></i>
<div class="name">money-bill</div>
<div class="fontclass">.icon2-money-bill</div>
</li>
<li>
<i class="icon iconfont2 icon2-moneys"></i>
<div class="name">moneys</div>
<div class="fontclass">.icon2-moneys</div>
</li>
<li>
<i class="icon iconfont2 icon2-more-transverse"></i>
<div class="name">more-transverse</div>
<div class="fontclass">.icon2-more-transverse</div>
</li>
<li>
<i class="icon iconfont2 icon2-locker"></i>
<div class="name">locker</div>
<div class="fontclass">.icon2-locker</div>
</li>
<li>
<i class="icon iconfont2 icon2-more-vertical"></i>
<div class="name">more-vertical</div>
<div class="fontclass">.icon2-more-vertical</div>
</li>
<li>
<i class="icon iconfont2 icon2-nav-list"></i>
<div class="name">nav-list</div>
<div class="fontclass">.icon2-nav-list</div>
</li>
<li>
<i class="icon iconfont2 icon2-news"></i>
<div class="name">news</div>
<div class="fontclass">.icon2-news</div>
</li>
<li>
<i class="icon iconfont2 icon2-no-attendance"></i>
<div class="name">no-attendance</div>
<div class="fontclass">.icon2-no-attendance</div>
</li>
<li>
<i class="icon iconfont2 icon2-not-sign"></i>
<div class="name">not-sign</div>
<div class="fontclass">.icon2-not-sign</div>
</li>
<li>
<i class="icon iconfont2 icon2-navigation"></i>
<div class="name">navigation</div>
<div class="fontclass">.icon2-navigation</div>
</li>
<li>
<i class="icon iconfont2 icon2-network"></i>
<div class="name">network</div>
<div class="fontclass">.icon2-network</div>
</li>
<li>
<i class="icon iconfont2 icon2-notice"></i>
<div class="name">notice</div>
<div class="fontclass">.icon2-notice</div>
</li>
<li>
<i class="icon iconfont2 icon2-office"></i>
<div class="name">office</div>
<div class="fontclass">.icon2-office</div>
</li>
<li>
<i class="icon iconfont2 icon2-operation"></i>
<div class="name">operation</div>
<div class="fontclass">.icon2-operation</div>
</li>
<li>
<i class="icon iconfont2 icon2-package"></i>
<div class="name">package</div>
<div class="fontclass">.icon2-package</div>
</li>
<li>
<i class="icon iconfont2 icon2-organization"></i>
<div class="name">organization</div>
<div class="fontclass">.icon2-organization</div>
</li>
<li>
<i class="icon iconfont2 icon2-open-package"></i>
<div class="name">open-package</div>
<div class="fontclass">.icon2-open-package</div>
</li>
<li>
<i class="icon iconfont2 icon2-paste"></i>
<div class="name">paste</div>
<div class="fontclass">.icon2-paste</div>
</li>
<li>
<i class="icon iconfont2 icon2-paly"></i>
<div class="name">paly</div>
<div class="fontclass">.icon2-paly</div>
</li>
<li>
<i class="icon iconfont2 icon2-pause"></i>
<div class="name">pause</div>
<div class="fontclass">.icon2-pause</div>
</li>
<li>
<i class="icon iconfont2 icon2-phone-r"></i>
<div class="name">phone-r</div>
<div class="fontclass">.icon2-phone-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-PDA"></i>
<div class="name">PDA</div>
<div class="fontclass">.icon2-PDA</div>
</li>
<li>
<i class="icon iconfont2 icon2-pie-chart"></i>
<div class="name">pie-chart</div>
<div class="fontclass">.icon2-pie-chart</div>
</li>
<li>
<i class="icon iconfont2 icon2-position"></i>
<div class="name">position</div>
<div class="fontclass">.icon2-position</div>
</li>
<li>
<i class="icon iconfont2 icon2-power"></i>
<div class="name">power</div>
<div class="fontclass">.icon2-power</div>
</li>
<li>
<i class="icon iconfont2 icon2-prine"></i>
<div class="name">prine</div>
<div class="fontclass">.icon2-prine</div>
</li>
<li>
<i class="icon iconfont2 icon2-quality"></i>
<div class="name">quality</div>
<div class="fontclass">.icon2-quality</div>
</li>
<li>
<i class="icon iconfont2 icon2-question-mark-r"></i>
<div class="name">question-mark-r</div>
<div class="fontclass">.icon2-question-mark-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-process"></i>
<div class="name">process</div>
<div class="fontclass">.icon2-process</div>
</li>
<li>
<i class="icon iconfont2 icon2-ppt"></i>
<div class="name">ppt</div>
<div class="fontclass">.icon2-ppt</div>
</li>
<li>
<i class="icon iconfont2 icon2-question-mark"></i>
<div class="name">question-mark</div>
<div class="fontclass">.icon2-question-mark</div>
</li>
<li>
<i class="icon iconfont2 icon2-Raidobox-selectedRai"></i>
<div class="name">Raidobox-selectedRai</div>
<div class="fontclass">.icon2-Raidobox-selectedRai</div>
</li>
<li>
<i class="icon iconfont2 icon2-red-packet"></i>
<div class="name">red-packet</div>
<div class="fontclass">.icon2-red-packet</div>
</li>
<li>
<i class="icon iconfont2 icon2-radar"></i>
<div class="name">radar</div>
<div class="fontclass">.icon2-radar</div>
</li>
<li>
<i class="icon iconfont2 icon2-refund"></i>
<div class="name">refund</div>
<div class="fontclass">.icon2-refund</div>
</li>
<li>
<i class="icon iconfont2 icon2-register"></i>
<div class="name">register</div>
<div class="fontclass">.icon2-register</div>
</li>
<li>
<i class="icon iconfont2 icon2-Raidobox"></i>
<div class="name">Raidobox</div>
<div class="fontclass">.icon2-Raidobox</div>
</li>
<li>
<i class="icon iconfont2 icon2-resource"></i>
<div class="name">resource</div>
<div class="fontclass">.icon2-resource</div>
</li>
<li>
<i class="icon iconfont2 icon2-refresh"></i>
<div class="name">refresh</div>
<div class="fontclass">.icon2-refresh</div>
</li>
<li>
<i class="icon iconfont2 icon2-reverse-sorting"></i>
<div class="name">reverse-sorting</div>
<div class="fontclass">.icon2-reverse-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-relationship"></i>
<div class="name">relationship</div>
<div class="fontclass">.icon2-relationship</div>
</li>
<li>
<i class="icon iconfont2 icon2-right-exchange"></i>
<div class="name">right-exchange</div>
<div class="fontclass">.icon2-right-exchange</div>
</li>
<li>
<i class="icon iconfont2 icon2-rise"></i>
<div class="name">rise</div>
<div class="fontclass">.icon2-rise</div>
</li>
<li>
<i class="icon iconfont2 icon2-right"></i>
<div class="name">right</div>
<div class="fontclass">.icon2-right</div>
</li>
<li>
<i class="icon iconfont2 icon2-right-sorting"></i>
<div class="name">right-sorting</div>
<div class="fontclass">.icon2-right-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-RMB"></i>
<div class="name">RMB</div>
<div class="fontclass">.icon2-RMB</div>
</li>
<li>
<i class="icon iconfont2 icon2-satisfy"></i>
<div class="name">satisfy</div>
<div class="fontclass">.icon2-satisfy</div>
</li>
<li>
<i class="icon iconfont2 icon2-safe"></i>
<div class="name">safe</div>
<div class="fontclass">.icon2-safe</div>
</li>
<li>
<i class="icon iconfont2 icon2-rule"></i>
<div class="name">rule</div>
<div class="fontclass">.icon2-rule</div>
</li>
<li>
<i class="icon iconfont2 icon2-save"></i>
<div class="name">save</div>
<div class="fontclass">.icon2-save</div>
</li>
<li>
<i class="icon iconfont2 icon2-scan"></i>
<div class="name">scan</div>
<div class="fontclass">.icon2-scan</div>
</li>
<li>
<i class="icon iconfont2 icon2-schedule"></i>
<div class="name">schedule</div>
<div class="fontclass">.icon2-schedule</div>
</li>
<li>
<i class="icon iconfont2 icon2-screwdriver"></i>
<div class="name">screwdriver</div>
<div class="fontclass">.icon2-screwdriver</div>
</li>
<li>
<i class="icon iconfont2 icon2-search"></i>
<div class="name">search</div>
<div class="fontclass">.icon2-search</div>
</li>
<li>
<i class="icon iconfont2 icon2-service"></i>
<div class="name">service</div>
<div class="fontclass">.icon2-service</div>
</li>
<li>
<i class="icon iconfont2 icon2-security"></i>
<div class="name">security</div>
<div class="fontclass">.icon2-security</div>
</li>
<li>
<i class="icon iconfont2 icon2-settlement"></i>
<div class="name">settlement</div>
<div class="fontclass">.icon2-settlement</div>
</li>
<li>
<i class="icon iconfont2 icon2-setup"></i>
<div class="name">setup</div>
<div class="fontclass">.icon2-setup</div>
</li>
<li>
<i class="icon iconfont2 icon2-share"></i>
<div class="name">share</div>
<div class="fontclass">.icon2-share</div>
</li>
<li>
<i class="icon iconfont2 icon2-setting"></i>
<div class="name">setting</div>
<div class="fontclass">.icon2-setting</div>
</li>
<li>
<i class="icon iconfont2 icon2-shield"></i>
<div class="name">shield</div>
<div class="fontclass">.icon2-shield</div>
</li>
<li>
<i class="icon iconfont2 icon2-shopping-cart"></i>
<div class="name">shopping-cart</div>
<div class="fontclass">.icon2-shopping-cart</div>
</li>
<li>
<i class="icon iconfont2 icon2-signed"></i>
<div class="name">signed</div>
<div class="fontclass">.icon2-signed</div>
</li>
<li>
<i class="icon iconfont2 icon2-shrink"></i>
<div class="name">shrink</div>
<div class="fontclass">.icon2-shrink</div>
</li>
<li>
<i class="icon iconfont2 icon2-shrink-r"></i>
<div class="name">shrink-r</div>
<div class="fontclass">.icon2-shrink-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-shoppingbag"></i>
<div class="name">shoppingbag</div>
<div class="fontclass">.icon2-shoppingbag</div>
</li>
<li>
<i class="icon iconfont2 icon2-similar-product"></i>
<div class="name">similar-product</div>
<div class="fontclass">.icon2-similar-product</div>
</li>
<li>
<i class="icon iconfont2 icon2-slide"></i>
<div class="name">slide</div>
<div class="fontclass">.icon2-slide</div>
</li>
<li>
<i class="icon iconfont2 icon2-sort"></i>
<div class="name">sort</div>
<div class="fontclass">.icon2-sort</div>
</li>
<li>
<i class="icon iconfont2 icon2-stop"></i>
<div class="name">stop</div>
<div class="fontclass">.icon2-stop</div>
</li>
<li>
<i class="icon iconfont2 icon2-stock"></i>
<div class="name">stock</div>
<div class="fontclass">.icon2-stock</div>
</li>
<li>
<i class="icon iconfont2 icon2-standard"></i>
<div class="name">standard</div>
<div class="fontclass">.icon2-standard</div>
</li>
<li>
<i class="icon iconfont2 icon2-sorting"></i>
<div class="name">sorting</div>
<div class="fontclass">.icon2-sorting</div>
</li>
<li>
<i class="icon iconfont2 icon2-storage"></i>
<div class="name">storage</div>
<div class="fontclass">.icon2-storage</div>
</li>
<li>
<i class="icon iconfont2 icon2-store"></i>
<div class="name">store</div>
<div class="fontclass">.icon2-store</div>
</li>
<li>
<i class="icon iconfont2 icon2-tag-subscript"></i>
<div class="name">tag-subscript</div>
<div class="fontclass">.icon2-tag-subscript</div>
</li>
<li>
<i class="icon iconfont2 icon2-tag-selected"></i>
<div class="name">tag-selected</div>
<div class="fontclass">.icon2-tag-selected</div>
</li>
<li>
<i class="icon iconfont2 icon2-table"></i>
<div class="name">table</div>
<div class="fontclass">.icon2-table</div>
</li>
<li>
<i class="icon iconfont2 icon2-survey"></i>
<div class="name">survey</div>
<div class="fontclass">.icon2-survey</div>
</li>
<li>
<i class="icon iconfont2 icon2-sync"></i>
<div class="name">sync</div>
<div class="fontclass">.icon2-sync</div>
</li>
<li>
<i class="icon iconfont2 icon2-tag"></i>
<div class="name">tag</div>
<div class="fontclass">.icon2-tag</div>
</li>
<li>
<i class="icon iconfont2 icon2-task"></i>
<div class="name">task</div>
<div class="fontclass">.icon2-task</div>
</li>
<li>
<i class="icon iconfont2 icon2-top"></i>
<div class="name">top</div>
<div class="fontclass">.icon2-top</div>
</li>
<li>
<i class="icon iconfont2 icon2-time"></i>
<div class="name">time</div>
<div class="fontclass">.icon2-time</div>
</li>
<li>
<i class="icon iconfont2 icon2-transfer-station"></i>
<div class="name">transfer-station</div>
<div class="fontclass">.icon2-transfer-station</div>
</li>
<li>
<i class="icon iconfont2 icon2-text"></i>
<div class="name">text</div>
<div class="fontclass">.icon2-text</div>
</li>
<li>
<i class="icon iconfont2 icon2-trend-chart"></i>
<div class="name">trend-chart</div>
<div class="fontclass">.icon2-trend-chart</div>
</li>
<li>
<i class="icon iconfont2 icon2-template"></i>
<div class="name">template</div>
<div class="fontclass">.icon2-template</div>
</li>
<li>
<i class="icon iconfont2 icon2-unlock"></i>
<div class="name">unlock</div>
<div class="fontclass">.icon2-unlock</div>
</li>
<li>
<i class="icon iconfont2 icon2-upload"></i>
<div class="name">upload</div>
<div class="fontclass">.icon2-upload</div>
</li>
<li>
<i class="icon iconfont2 icon2-unsatisfy"></i>
<div class="name">unsatisfy</div>
<div class="fontclass">.icon2-unsatisfy</div>
</li>
<li>
<i class="icon iconfont2 icon2-unseen"></i>
<div class="name">unseen</div>
<div class="fontclass">.icon2-unseen</div>
</li>
<li>
<i class="icon iconfont2 icon2-user-r"></i>
<div class="name">user-r</div>
<div class="fontclass">.icon2-user-r</div>
</li>
<li>
<i class="icon iconfont2 icon2-user"></i>
<div class="name">user</div>
<div class="fontclass">.icon2-user</div>
</li>
<li>
<i class="icon iconfont2 icon2-usually"></i>
<div class="name">usually</div>
<div class="fontclass">.icon2-usually</div>
</li>
<li>
<i class="icon iconfont2 icon2-vedio"></i>
<div class="name">vedio</div>
<div class="fontclass">.icon2-vedio</div>
</li>
<li>
<i class="icon iconfont2 icon2-vertical-expansion"></i>
<div class="name">vertical-expansion</div>
<div class="fontclass">.icon2-vertical-expansion</div>
</li>
<li>
<i class="icon iconfont2 icon2-vertical-retraction"></i>
<div class="name">vertical-retraction</div>
<div class="fontclass">.icon2-vertical-retraction</div>
</li>
<li>
<i class="icon iconfont2 icon2-visible"></i>
<div class="name">visible</div>
<div class="fontclass">.icon2-visible</div>
</li>
<li>
<i class="icon iconfont2 icon2-view-list"></i>
<div class="name">view-list</div>
<div class="fontclass">.icon2-view-list</div>
</li>
<li>
<i class="icon iconfont2 icon2-volume"></i>
<div class="name">volume</div>
<div class="fontclass">.icon2-volume</div>
</li>
<li>
<i class="icon iconfont2 icon2-view-matrix"></i>
<div class="name">view-matrix</div>
<div class="fontclass">.icon2-view-matrix</div>
</li>
<li>
<i class="icon iconfont2 icon2-volumeopen"></i>
<div class="name">volumeopen</div>
<div class="fontclass">.icon2-volumeopen</div>
</li>
<li>
<i class="icon iconfont2 icon2-wallet"></i>
<div class="name">wallet</div>
<div class="fontclass">.icon2-wallet</div>
</li>
<li>
<i class="icon iconfont2 icon2-wave"></i>
<div class="name">wave</div>
<div class="fontclass">.icon2-wave</div>
</li>
<li>
<i class="icon iconfont2 icon2-warehouse"></i>
<div class="name">warehouse</div>
<div class="fontclass">.icon2-warehouse</div>
</li>
<li>
<i class="icon iconfont2 icon2-word"></i>
<div class="name">word</div>
<div class="fontclass">.icon2-word</div>
</li>
<li>
<i class="icon iconfont2 icon2-column-o"></i>
<div class="name">3column-o</div>
<div class="fontclass">.icon2-column-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-add-o"></i>
<div class="name">add-o</div>
<div class="fontclass">.icon2-add-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-column-o1"></i>
<div class="name">4column-o</div>
<div class="fontclass">.icon2-column-o1</div>
</li>
<li>
<i class="icon iconfont2 icon2-add-s-o"></i>
<div class="name">add-s-o</div>
<div class="fontclass">.icon2-add-s-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-add-r-o"></i>
<div class="name">add-r-o</div>
<div class="fontclass">.icon2-add-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-air-drop-o"></i>
<div class="name">air-drop-o</div>
<div class="fontclass">.icon2-air-drop-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-app-o"></i>
<div class="name">app-o</div>
<div class="fontclass">.icon2-app-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-double-right-o"></i>
<div class="name">arrow-double-right-o</div>
<div class="fontclass">.icon2-arrow-double-right-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-also-loan-o"></i>
<div class="name">also-loan-o</div>
<div class="fontclass">.icon2-also-loan-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-air-o"></i>
<div class="name">air-o</div>
<div class="fontclass">.icon2-air-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-double-left-o"></i>
<div class="name">arrow-double-left-o</div>
<div class="fontclass">.icon2-arrow-double-left-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-ascending-o"></i>
<div class="name">ascending-o</div>
<div class="fontclass">.icon2-ascending-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-atm-o"></i>
<div class="name">atm-o</div>
<div class="fontclass">.icon2-atm-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-back-o"></i>
<div class="name">back-o</div>
<div class="fontclass">.icon2-back-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-attendance-o"></i>
<div class="name">attendance-o</div>
<div class="fontclass">.icon2-attendance-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-atm-away-o"></i>
<div class="name">atm-away-o</div>
<div class="fontclass">.icon2-atm-away-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-back-r-o"></i>
<div class="name">back-r-o</div>
<div class="fontclass">.icon2-back-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-bad-o"></i>
<div class="name">bad-o</div>
<div class="fontclass">.icon2-bad-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-bill-o"></i>
<div class="name">bill-o</div>
<div class="fontclass">.icon2-bill-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-bank-card-o"></i>
<div class="name">bank-card-o</div>
<div class="fontclass">.icon2-bank-card-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-bar-chart-o"></i>
<div class="name">bar-chart-o</div>
<div class="fontclass">.icon2-bar-chart-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-box-o"></i>
<div class="name">box-o</div>
<div class="fontclass">.icon2-box-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-business-o"></i>
<div class="name">business-o</div>
<div class="fontclass">.icon2-business-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-bad-r-o"></i>
<div class="name">bad-r-o</div>
<div class="fontclass">.icon2-bad-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-businesscard-o"></i>
<div class="name">businesscard-o</div>
<div class="fontclass">.icon2-businesscard-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-building-o"></i>
<div class="name">building-o</div>
<div class="fontclass">.icon2-building-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-calculator-o"></i>
<div class="name">calculator-o</div>
<div class="fontclass">.icon2-calculator-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-camera-o"></i>
<div class="name">camera-o</div>
<div class="fontclass">.icon2-camera-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-cangneishicao-o"></i>
<div class="name">cangneishicao-o</div>
<div class="fontclass">.icon2-cangneishicao-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-car-o"></i>
<div class="name">car-o</div>
<div class="fontclass">.icon2-car-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-calendar-o"></i>
<div class="name">calendar-o</div>
<div class="fontclass">.icon2-calendar-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-chat-o"></i>
<div class="name">chat-o</div>
<div class="fontclass">.icon2-chat-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-checkbox-selected-o"></i>
<div class="name">checkbox-selected-o</div>
<div class="fontclass">.icon2-checkbox-selected-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-checkbox-o"></i>
<div class="name">checkbox-o</div>
<div class="fontclass">.icon2-checkbox-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-clock-o"></i>
<div class="name">clock-o</div>
<div class="fontclass">.icon2-clock-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-check-o"></i>
<div class="name">check-o</div>
<div class="fontclass">.icon2-check-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-Chinese-o"></i>
<div class="name">Chinese-o</div>
<div class="fontclass">.icon2-Chinese-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-close-o"></i>
<div class="name">close-o</div>
<div class="fontclass">.icon2-close-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-commodity-o"></i>
<div class="name">commodity-o</div>
<div class="fontclass">.icon2-commodity-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-complain-o"></i>
<div class="name">complain-o</div>
<div class="fontclass">.icon2-complain-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-compare-o"></i>
<div class="name">compare-o</div>
<div class="fontclass">.icon2-compare-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-compass-o"></i>
<div class="name">compass-o</div>
<div class="fontclass">.icon2-compass-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-complete-o"></i>
<div class="name">complete-o</div>
<div class="fontclass">.icon2-complete-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-complete-r-o"></i>
<div class="name">complete-r-o</div>
<div class="fontclass">.icon2-complete-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-copy-o"></i>
<div class="name">copy-o</div>
<div class="fontclass">.icon2-copy-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-courier-o"></i>
<div class="name">courier-o</div>
<div class="fontclass">.icon2-courier-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-CSR-o"></i>
<div class="name">CSR-o</div>
<div class="fontclass">.icon2-CSR-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-create-bill-o"></i>
<div class="name">create-bill-o</div>
<div class="fontclass">.icon2-create-bill-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-colthes-o"></i>
<div class="name">colthes-o</div>
<div class="fontclass">.icon2-colthes-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-cut-o"></i>
<div class="name">cut-o</div>
<div class="fontclass">.icon2-cut-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-delete-o"></i>
<div class="name">delete-o</div>
<div class="fontclass">.icon2-delete-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-dashboard-o"></i>
<div class="name">dashboard-o</div>
<div class="fontclass">.icon2-dashboard-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-descending-o"></i>
<div class="name">descending-o</div>
<div class="fontclass">.icon2-descending-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-delivery-o"></i>
<div class="name">delivery-o</div>
<div class="fontclass">.icon2-delivery-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-dialog-o"></i>
<div class="name">dialog-o</div>
<div class="fontclass">.icon2-dialog-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-customs-o"></i>
<div class="name">customs-o</div>
<div class="fontclass">.icon2-customs-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-diamond-o"></i>
<div class="name">diamond-o</div>
<div class="fontclass">.icon2-diamond-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-dollar-o"></i>
<div class="name">dollar-o</div>
<div class="fontclass">.icon2-dollar-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-ding-o"></i>
<div class="name">ding-o</div>
<div class="fontclass">.icon2-ding-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-download-o"></i>
<div class="name">download-o</div>
<div class="fontclass">.icon2-download-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-duihua-o"></i>
<div class="name">duihua-o</div>
<div class="fontclass">.icon2-duihua-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-edit-o"></i>
<div class="name">edit-o</div>
<div class="fontclass">.icon2-edit-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-error-r-o"></i>
<div class="name">error-r-o</div>
<div class="fontclass">.icon2-error-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-electronics-o"></i>
<div class="name">electronics-o</div>
<div class="fontclass">.icon2-electronics-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-enclosure-o"></i>
<div class="name">enclosure-o</div>
<div class="fontclass">.icon2-enclosure-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-English-o"></i>
<div class="name">English-o</div>
<div class="fontclass">.icon2-English-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-drop-o"></i>
<div class="name">drop-o</div>
<div class="fontclass">.icon2-drop-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-error-s-o"></i>
<div class="name">error-s-o</div>
<div class="fontclass">.icon2-error-s-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-exchange-o"></i>
<div class="name">exchange-o</div>
<div class="fontclass">.icon2-exchange-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark-t-o"></i>
<div class="name">exclamatory-mark-t-o</div>
<div class="fontclass">.icon2-exclamatory-mark-t-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark-r-o"></i>
<div class="name">exclamatory-mark-r-o</div>
<div class="fontclass">.icon2-exclamatory-mark-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-exclamatory-mark-o"></i>
<div class="name">exclamatory-mark-o</div>
<div class="fontclass">.icon2-exclamatory-mark-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-extend-o"></i>
<div class="name">extend-o</div>
<div class="fontclass">.icon2-extend-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-exit-fullscreen-o"></i>
<div class="name">exit-fullscreen-o</div>
<div class="fontclass">.icon2-exit-fullscreen-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-filter-o"></i>
<div class="name">filter-o</div>
<div class="fontclass">.icon2-filter-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-first-page-o"></i>
<div class="name">first-page-o</div>
<div class="fontclass">.icon2-first-page-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp-auto-o"></i>
<div class="name">flash-lamp-auto-o</div>
<div class="fontclass">.icon2-flash-lamp-auto-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-extend-r-o"></i>
<div class="name">extend-r-o</div>
<div class="fontclass">.icon2-extend-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-favorites-o"></i>
<div class="name">favorites-o</div>
<div class="fontclass">.icon2-favorites-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-finance-o"></i>
<div class="name">finance-o</div>
<div class="fontclass">.icon2-finance-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp-o"></i>
<div class="name">flash-lamp-o</div>
<div class="fontclass">.icon2-flash-lamp-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-folder-o"></i>
<div class="name">folder-o</div>
<div class="fontclass">.icon2-folder-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-flash-lamp-off-o"></i>
<div class="name">flash-lamp-off-o</div>
<div class="fontclass">.icon2-flash-lamp-off-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward-o"></i>
<div class="name">forward-o</div>
<div class="fontclass">.icon2-forward-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-forbidden-o"></i>
<div class="name">forbidden-o</div>
<div class="fontclass">.icon2-forbidden-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward-r-o"></i>
<div class="name">forward-r-o</div>
<div class="fontclass">.icon2-forward-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-free-o"></i>
<div class="name">free-o</div>
<div class="fontclass">.icon2-free-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-good-o"></i>
<div class="name">good-o</div>
<div class="fontclass">.icon2-good-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-fullscreen-o"></i>
<div class="name">fullscreen-o</div>
<div class="fontclass">.icon2-fullscreen-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-forward-sorting-o"></i>
<div class="name">forward-sorting-o</div>
<div class="fontclass">.icon2-forward-sorting-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-gifts-o"></i>
<div class="name">gifts-o</div>
<div class="fontclass">.icon2-gifts-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-good-r-o"></i>
<div class="name">good-r-o</div>
<div class="fontclass">.icon2-good-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-home-o"></i>
<div class="name">home-o</div>
<div class="fontclass">.icon2-home-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-group-o"></i>
<div class="name">group-o</div>
<div class="fontclass">.icon2-group-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-history-o"></i>
<div class="name">history-o</div>
<div class="fontclass">.icon2-history-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-horizontal-retractio1"></i>
<div class="name">horizontal-retractio</div>
<div class="fontclass">.icon2-horizontal-retractio1</div>
</li>
<li>
<i class="icon iconfont2 icon2-horizontal-expansion1"></i>
<div class="name">horizontal-expansion</div>
<div class="fontclass">.icon2-horizontal-expansion1</div>
</li>
<li>
<i class="icon iconfont2 icon2-horn-o"></i>
<div class="name">horn-o</div>
<div class="fontclass">.icon2-horn-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-image-text-o"></i>
<div class="name">image-text-o</div>
<div class="fontclass">.icon2-image-text-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-image-o"></i>
<div class="name">image-o</div>
<div class="fontclass">.icon2-image-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-info-o"></i>
<div class="name">info-o</div>
<div class="fontclass">.icon2-info-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-increase-o"></i>
<div class="name">increase-o</div>
<div class="fontclass">.icon2-increase-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-info-r-o"></i>
<div class="name">info-r-o</div>
<div class="fontclass">.icon2-info-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-import-o"></i>
<div class="name">import-o</div>
<div class="fontclass">.icon2-import-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-information-o"></i>
<div class="name">information-o</div>
<div class="fontclass">.icon2-information-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-key-o"></i>
<div class="name">key-o</div>
<div class="fontclass">.icon2-key-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-keyboard-o"></i>
<div class="name">keyboard-o</div>
<div class="fontclass">.icon2-keyboard-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-international-o"></i>
<div class="name">international-o</div>
<div class="fontclass">.icon2-international-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-last-page-o"></i>
<div class="name">last-page-o</div>
<div class="fontclass">.icon2-last-page-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-left-o"></i>
<div class="name">left-o</div>
<div class="fontclass">.icon2-left-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-lefy-exchange-o"></i>
<div class="name">lefy-exchange-o</div>
<div class="fontclass">.icon2-lefy-exchange-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-left-sorting-o"></i>
<div class="name">left-sorting-o</div>
<div class="fontclass">.icon2-left-sorting-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-letter-o"></i>
<div class="name">letter-o</div>
<div class="fontclass">.icon2-letter-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-light-o"></i>
<div class="name">light-o</div>
<div class="fontclass">.icon2-light-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-like-o"></i>
<div class="name">like-o</div>
<div class="fontclass">.icon2-like-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-line-o"></i>
<div class="name">line-o</div>
<div class="fontclass">.icon2-line-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-link-o"></i>
<div class="name">link-o</div>
<div class="fontclass">.icon2-link-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-load-o"></i>
<div class="name">load-o</div>
<div class="fontclass">.icon2-load-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-loading--o"></i>
<div class="name">loading-1-o</div>
<div class="fontclass">.icon2-loading--o</div>
</li>
<li>
<i class="icon iconfont2 icon2-loading--o1"></i>
<div class="name">loading-2-o</div>
<div class="fontclass">.icon2-loading--o1</div>
</li>
<li>
<i class="icon iconfont2 icon2-loan-o"></i>
<div class="name">loan-o</div>
<div class="fontclass">.icon2-loan-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-location-o"></i>
<div class="name">location-o</div>
<div class="fontclass">.icon2-location-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-locker-o"></i>
<div class="name">locker-o</div>
<div class="fontclass">.icon2-locker-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-logistics-o"></i>
<div class="name">logistics-o</div>
<div class="fontclass">.icon2-logistics-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-lock-o"></i>
<div class="name">lock-o</div>
<div class="fontclass">.icon2-lock-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-macbook-o"></i>
<div class="name">macbook-o</div>
<div class="fontclass">.icon2-macbook-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-map--o"></i>
<div class="name">map-1-o</div>
<div class="fontclass">.icon2-map--o</div>
</li>
<li>
<i class="icon iconfont2 icon2-logout-o"></i>
<div class="name">logout-o</div>
<div class="fontclass">.icon2-logout-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-map--o1"></i>
<div class="name">map-2-o</div>
<div class="fontclass">.icon2-map--o1</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus-o"></i>
<div class="name">minus-o</div>
<div class="fontclass">.icon2-minus-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-mic-o"></i>
<div class="name">mic-o</div>
<div class="fontclass">.icon2-mic-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-mobile-Phone-o"></i>
<div class="name">mobile-Phone-o</div>
<div class="fontclass">.icon2-mobile-Phone-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus-r-o"></i>
<div class="name">minus-r-o</div>
<div class="fontclass">.icon2-minus-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-minus-s-o"></i>
<div class="name">minus-s-o</div>
<div class="fontclass">.icon2-minus-s-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-money-bill-o"></i>
<div class="name">money-bill-o</div>
<div class="fontclass">.icon2-money-bill-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-money-o"></i>
<div class="name">money-o</div>
<div class="fontclass">.icon2-money-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-moneys-o"></i>
<div class="name">moneys-o</div>
<div class="fontclass">.icon2-moneys-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-monitor-o"></i>
<div class="name">monitor-o</div>
<div class="fontclass">.icon2-monitor-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-more-vertical-o"></i>
<div class="name">more-vertical-o</div>
<div class="fontclass">.icon2-more-vertical-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-nav-list-o"></i>
<div class="name">nav-list-o</div>
<div class="fontclass">.icon2-nav-list-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-navigation-o"></i>
<div class="name">navigation-o</div>
<div class="fontclass">.icon2-navigation-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-network-o"></i>
<div class="name">network-o</div>
<div class="fontclass">.icon2-network-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-more-transverse-o"></i>
<div class="name">more-transverse-o</div>
<div class="fontclass">.icon2-more-transverse-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-news-o"></i>
<div class="name">news-o</div>
<div class="fontclass">.icon2-news-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-no-attendance-o"></i>
<div class="name">no-attendance-o</div>
<div class="fontclass">.icon2-no-attendance-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-notice-o"></i>
<div class="name">notice-o</div>
<div class="fontclass">.icon2-notice-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-not-sign-o"></i>
<div class="name">not-sign-o</div>
<div class="fontclass">.icon2-not-sign-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-open-package-o"></i>
<div class="name">open-package-o</div>
<div class="fontclass">.icon2-open-package-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-office-o"></i>
<div class="name">office-o</div>
<div class="fontclass">.icon2-office-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-operation-o"></i>
<div class="name">operation-o</div>
<div class="fontclass">.icon2-operation-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-organization-o"></i>
<div class="name">organization-o</div>
<div class="fontclass">.icon2-organization-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-package-o"></i>
<div class="name">package-o</div>
<div class="fontclass">.icon2-package-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-paly-o"></i>
<div class="name">paly-o</div>
<div class="fontclass">.icon2-paly-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-pause-o"></i>
<div class="name">pause-o</div>
<div class="fontclass">.icon2-pause-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-paste-o"></i>
<div class="name">paste-o</div>
<div class="fontclass">.icon2-paste-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-pie-chart-o"></i>
<div class="name">pie-chart-o</div>
<div class="fontclass">.icon2-pie-chart-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-PDA-o"></i>
<div class="name">PDA-o</div>
<div class="fontclass">.icon2-PDA-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-phone-r-o"></i>
<div class="name">phone-r-o</div>
<div class="fontclass">.icon2-phone-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-ppt-o"></i>
<div class="name">ppt-o</div>
<div class="fontclass">.icon2-ppt-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-power-o"></i>
<div class="name">power-o</div>
<div class="fontclass">.icon2-power-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-position-o"></i>
<div class="name">position-o</div>
<div class="fontclass">.icon2-position-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-prine-o"></i>
<div class="name">prine-o</div>
<div class="fontclass">.icon2-prine-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-quality-o"></i>
<div class="name">quality-o</div>
<div class="fontclass">.icon2-quality-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-process-o"></i>
<div class="name">process-o</div>
<div class="fontclass">.icon2-process-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-question-mark-o"></i>
<div class="name">question-mark-o</div>
<div class="fontclass">.icon2-question-mark-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-question-mark-r-o"></i>
<div class="name">question-mark-r-o</div>
<div class="fontclass">.icon2-question-mark-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-radar-o"></i>
<div class="name">radar-o</div>
<div class="fontclass">.icon2-radar-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-Raidobox-o"></i>
<div class="name">Raidobox-o</div>
<div class="fontclass">.icon2-Raidobox-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-Raidobox-selectedRai1"></i>
<div class="name">Raidobox-selectedRai</div>
<div class="fontclass">.icon2-Raidobox-selectedRai1</div>
</li>
<li>
<i class="icon iconfont2 icon2-red-packet-o"></i>
<div class="name">red-packet-o</div>
<div class="fontclass">.icon2-red-packet-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-refresh-o"></i>
<div class="name">refresh-o</div>
<div class="fontclass">.icon2-refresh-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-register-o"></i>
<div class="name">register-o</div>
<div class="fontclass">.icon2-register-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-refund-o"></i>
<div class="name">refund-o</div>
<div class="fontclass">.icon2-refund-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-resource-o"></i>
<div class="name">resource-o</div>
<div class="fontclass">.icon2-resource-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-relationship-o"></i>
<div class="name">relationship-o</div>
<div class="fontclass">.icon2-relationship-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-reverse-sorting-o"></i>
<div class="name">reverse-sorting-o</div>
<div class="fontclass">.icon2-reverse-sorting-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-right-exchange-o"></i>
<div class="name">right-exchange-o</div>
<div class="fontclass">.icon2-right-exchange-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-rise-o"></i>
<div class="name">rise-o</div>
<div class="fontclass">.icon2-rise-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-rule-o"></i>
<div class="name">rule-o</div>
<div class="fontclass">.icon2-rule-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-right-o"></i>
<div class="name">right-o</div>
<div class="fontclass">.icon2-right-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-right-sorting-o"></i>
<div class="name">right-sorting-o</div>
<div class="fontclass">.icon2-right-sorting-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-RMB-o"></i>
<div class="name">RMB-o</div>
<div class="fontclass">.icon2-RMB-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-safe-o"></i>
<div class="name">safe-o</div>
<div class="fontclass">.icon2-safe-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-scan-o"></i>
<div class="name">scan-o</div>
<div class="fontclass">.icon2-scan-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-satisfy-o"></i>
<div class="name">satisfy-o</div>
<div class="fontclass">.icon2-satisfy-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-save-o"></i>
<div class="name">save-o</div>
<div class="fontclass">.icon2-save-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-screwdriver-o"></i>
<div class="name">screwdriver-o</div>
<div class="fontclass">.icon2-screwdriver-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-schedule-o"></i>
<div class="name">schedule-o</div>
<div class="fontclass">.icon2-schedule-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-search-o"></i>
<div class="name">search-o</div>
<div class="fontclass">.icon2-search-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-security-o"></i>
<div class="name">security-o</div>
<div class="fontclass">.icon2-security-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-settlement-o"></i>
<div class="name">settlement-o</div>
<div class="fontclass">.icon2-settlement-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-service-o"></i>
<div class="name">service-o</div>
<div class="fontclass">.icon2-service-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-setting-o"></i>
<div class="name">setting-o</div>
<div class="fontclass">.icon2-setting-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-setup-o"></i>
<div class="name">setup-o</div>
<div class="fontclass">.icon2-setup-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-shoppingbag-o"></i>
<div class="name">shoppingbag-o</div>
<div class="fontclass">.icon2-shoppingbag-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-share-o"></i>
<div class="name">share-o</div>
<div class="fontclass">.icon2-share-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-shopping-cart-o"></i>
<div class="name">shopping-cart-o</div>
<div class="fontclass">.icon2-shopping-cart-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-shield-o"></i>
<div class="name">shield-o</div>
<div class="fontclass">.icon2-shield-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-shrink-r-o"></i>
<div class="name">shrink-r-o</div>
<div class="fontclass">.icon2-shrink-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-shrink-o"></i>
<div class="name">shrink-o</div>
<div class="fontclass">.icon2-shrink-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-signed-o"></i>
<div class="name">signed-o</div>
<div class="fontclass">.icon2-signed-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-similar-product-o"></i>
<div class="name">similar-product-o</div>
<div class="fontclass">.icon2-similar-product-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-sort-o"></i>
<div class="name">sort-o</div>
<div class="fontclass">.icon2-sort-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-slide-o"></i>
<div class="name">slide-o</div>
<div class="fontclass">.icon2-slide-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-sorting-o"></i>
<div class="name">sorting-o</div>
<div class="fontclass">.icon2-sorting-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-stock-o"></i>
<div class="name">stock-o</div>
<div class="fontclass">.icon2-stock-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-stop-o"></i>
<div class="name">stop-o</div>
<div class="fontclass">.icon2-stop-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-standard-o"></i>
<div class="name">standard-o</div>
<div class="fontclass">.icon2-standard-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-storage-o"></i>
<div class="name">storage-o</div>
<div class="fontclass">.icon2-storage-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-survey-o"></i>
<div class="name">survey-o</div>
<div class="fontclass">.icon2-survey-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-store-o"></i>
<div class="name">store-o</div>
<div class="fontclass">.icon2-store-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-table-o"></i>
<div class="name">table-o</div>
<div class="fontclass">.icon2-table-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-tag-o"></i>
<div class="name">tag-o</div>
<div class="fontclass">.icon2-tag-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-tag-selected-o"></i>
<div class="name">tag-selected-o</div>
<div class="fontclass">.icon2-tag-selected-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-sync-o"></i>
<div class="name">sync-o</div>
<div class="fontclass">.icon2-sync-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-task-o"></i>
<div class="name">task-o</div>
<div class="fontclass">.icon2-task-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-tag-subscript-o"></i>
<div class="name">tag-subscript-o</div>
<div class="fontclass">.icon2-tag-subscript-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-template-o"></i>
<div class="name">template-o</div>
<div class="fontclass">.icon2-template-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-text-o"></i>
<div class="name">text-o</div>
<div class="fontclass">.icon2-text-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-time-o"></i>
<div class="name">time-o</div>
<div class="fontclass">.icon2-time-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-top-o"></i>
<div class="name">top-o</div>
<div class="fontclass">.icon2-top-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-transfer-station-o"></i>
<div class="name">transfer-station-o</div>
<div class="fontclass">.icon2-transfer-station-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-trend-chart-o"></i>
<div class="name">trend-chart-o</div>
<div class="fontclass">.icon2-trend-chart-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-unlock-o"></i>
<div class="name">unlock-o</div>
<div class="fontclass">.icon2-unlock-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-unsatisfy-o"></i>
<div class="name">unsatisfy-o</div>
<div class="fontclass">.icon2-unsatisfy-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-user-o"></i>
<div class="name">user-o</div>
<div class="fontclass">.icon2-user-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-unseen-o"></i>
<div class="name">unseen-o</div>
<div class="fontclass">.icon2-unseen-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-upload-o"></i>
<div class="name">upload-o</div>
<div class="fontclass">.icon2-upload-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-usually-o"></i>
<div class="name">usually-o</div>
<div class="fontclass">.icon2-usually-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-vedio-o"></i>
<div class="name">vedio-o</div>
<div class="fontclass">.icon2-vedio-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-user-r-o"></i>
<div class="name">user-r-o</div>
<div class="fontclass">.icon2-user-r-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-view-list-o"></i>
<div class="name">view-list-o</div>
<div class="fontclass">.icon2-view-list-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-vertical-expansion-o"></i>
<div class="name">vertical-expansion-o</div>
<div class="fontclass">.icon2-vertical-expansion-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-vertical-retraction-"></i>
<div class="name">vertical-retraction-</div>
<div class="fontclass">.icon2-vertical-retraction-</div>
</li>
<li>
<i class="icon iconfont2 icon2-volume-o"></i>
<div class="name">volume-o</div>
<div class="fontclass">.icon2-volume-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-view-matrix-o"></i>
<div class="name">view-matrix-o</div>
<div class="fontclass">.icon2-view-matrix-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-visible-o"></i>
<div class="name">visible-o</div>
<div class="fontclass">.icon2-visible-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-wallet-o"></i>
<div class="name">wallet-o</div>
<div class="fontclass">.icon2-wallet-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-volumeopen-o"></i>
<div class="name">volumeopen-o</div>
<div class="fontclass">.icon2-volumeopen-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-warehouse-o"></i>
<div class="name">warehouse-o</div>
<div class="fontclass">.icon2-warehouse-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-wave-o"></i>
<div class="name">wave-o</div>
<div class="fontclass">.icon2-wave-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-word-o"></i>
<div class="name">word-o</div>
<div class="fontclass">.icon2-word-o</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-down"></i>
<div class="name">arrow-down</div>
<div class="fontclass">.icon2-arrow-down</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-left"></i>
<div class="name">arrow-left</div>
<div class="fontclass">.icon2-arrow-left</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-right"></i>
<div class="name">arrow-right</div>
<div class="fontclass">.icon2-arrow-right</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-up"></i>
<div class="name">arrow-up</div>
<div class="fontclass">.icon2-arrow-up</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-down1"></i>
<div class="name">arrow-down</div>
<div class="fontclass">.icon2-arrow-down1</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-right1"></i>
<div class="name">arrow-right</div>
<div class="fontclass">.icon2-arrow-right1</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-left1"></i>
<div class="name">arrow-left</div>
<div class="fontclass">.icon2-arrow-left1</div>
</li>
<li>
<i class="icon iconfont2 icon2-arrow-up1"></i>
<div class="name">arrow-up</div>
<div class="fontclass">.icon2-arrow-up1</div>
</li>
</ul>
<h2 id="font-class-">font-class引用</h2>
<hr>
<p>font-class是unicode使用方式的一种变种，主要是解决unicode书写不直观，语意不明确的问题。</p>
<p>与unicode使用方式相比，具有如下特点：</p>
<ul>
<li>兼容性良好，支持ie8+，及所有现代浏览器。</li>
<li>相比于unicode语意明确，书写更直观。可以很容易分辨这个icon是什么。</li>
<li>因为使用class来定义图标，所以当要替换图标时，只需要修改class里面的unicode引用。</li>
<li>不过因为本质上还是使用的字体，所以多色图标还是不支持的。</li>
</ul>
<p>使用步骤如下：</p>
<h3 id="-fontclass-">第一步：引入项目下面生成的fontclass代码：</h3>
<pre><code class="lang-js hljs javascript"><span class="hljs-comment"><link rel="stylesheet" type="text/css" href="./iconfont.css"></span></code></pre>
<h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="lang-css hljs"><<span class="hljs-selector-tag">i</span> <span class="hljs-selector-tag">class</span>="<span class="hljs-selector-tag">iconfont2</span> <span class="hljs-selector-tag">icon2-xxx</span>"></<span class="hljs-selector-tag">i</span>></code></pre>
<blockquote>
<p>"iconfont2"是你项目下的font-family。可以通过编辑项目查看，默认是"iconfont"。</p>
</blockquote>
</div>
</body>
</html>