vue-moo
Version:
moo
1,249 lines (1,092 loc) • 167 kB
HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>IconFont</title>
<link rel="stylesheet" href="demo.css">
<script src="iconfont.js"></script>
<style type="text/css">
.icon {
/* 通过设置 font-size 来改变图标大小 */
width: 1em; height: 1em;
/* 图标和文字相邻时，垂直对齐 */
vertical-align: -0.15em;
/* 通过设置 color 来改变 SVG 的颜色/fill */
fill: currentColor;
/* path 和 stroke 溢出 viewBox 部分在 IE 下会显示
normalize.css 中也包含这行 */
overflow: hidden;
}
</style>
</head>
<body>
<div class="main markdown">
<h1>IconFont 图标</h1>
<ul class="icon_lists clear">
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_"></use>
</svg>
<div class="name">number_6</div>
<div class="fontclass">#icon2-number_</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_1"></use>
</svg>
<div class="name">number_7</div>
<div class="fontclass">#icon2-number_1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_2"></use>
</svg>
<div class="name">number_9</div>
<div class="fontclass">#icon2-number_2</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_3"></use>
</svg>
<div class="name">number_0</div>
<div class="fontclass">#icon2-number_3</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_4"></use>
</svg>
<div class="name">number_3</div>
<div class="fontclass">#icon2-number_4</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_5"></use>
</svg>
<div class="name">number_1</div>
<div class="fontclass">#icon2-number_5</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_6"></use>
</svg>
<div class="name">number_4</div>
<div class="fontclass">#icon2-number_6</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_7"></use>
</svg>
<div class="name">number_8</div>
<div class="fontclass">#icon2-number_7</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_punctuation"></use>
</svg>
<div class="name">number_punctuation</div>
<div class="fontclass">#icon2-number_punctuation</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_8"></use>
</svg>
<div class="name">number_5</div>
<div class="fontclass">#icon2-number_8</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-number_9"></use>
</svg>
<div class="name">number_2</div>
<div class="fontclass">#icon2-number_9</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-add"></use>
</svg>
<div class="name">add</div>
<div class="fontclass">#icon2-add</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-column"></use>
</svg>
<div class="name">3column</div>
<div class="fontclass">#icon2-column</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-column1"></use>
</svg>
<div class="name">4column</div>
<div class="fontclass">#icon2-column1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-air-drop"></use>
</svg>
<div class="name">air-drop</div>
<div class="fontclass">#icon2-air-drop</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-add-r"></use>
</svg>
<div class="name">add-r</div>
<div class="fontclass">#icon2-add-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-add-s"></use>
</svg>
<div class="name">add-s</div>
<div class="fontclass">#icon2-add-s</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-arrow-double-left"></use>
</svg>
<div class="name">arrow-double-left</div>
<div class="fontclass">#icon2-arrow-double-left</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-app"></use>
</svg>
<div class="name">app</div>
<div class="fontclass">#icon2-app</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-also-loan"></use>
</svg>
<div class="name">also-loan</div>
<div class="fontclass">#icon2-also-loan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-ascending"></use>
</svg>
<div class="name">ascending</div>
<div class="fontclass">#icon2-ascending</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-air"></use>
</svg>
<div class="name">air</div>
<div class="fontclass">#icon2-air</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-arrow-double-right"></use>
</svg>
<div class="name">arrow-double-right</div>
<div class="fontclass">#icon2-arrow-double-right</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-atm"></use>
</svg>
<div class="name">atm</div>
<div class="fontclass">#icon2-atm</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-atm-away"></use>
</svg>
<div class="name">atm-away</div>
<div class="fontclass">#icon2-atm-away</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-bad-r"></use>
</svg>
<div class="name">bad-r</div>
<div class="fontclass">#icon2-bad-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-attendance"></use>
</svg>
<div class="name">attendance</div>
<div class="fontclass">#icon2-attendance</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-bad"></use>
</svg>
<div class="name">bad</div>
<div class="fontclass">#icon2-bad</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-back-r"></use>
</svg>
<div class="name">back-r</div>
<div class="fontclass">#icon2-back-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-back"></use>
</svg>
<div class="name">back</div>
<div class="fontclass">#icon2-back</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-bank-card"></use>
</svg>
<div class="name">bank-card</div>
<div class="fontclass">#icon2-bank-card</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-bar-chart"></use>
</svg>
<div class="name">bar-chart</div>
<div class="fontclass">#icon2-bar-chart</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-box"></use>
</svg>
<div class="name">box</div>
<div class="fontclass">#icon2-box</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-building"></use>
</svg>
<div class="name">building</div>
<div class="fontclass">#icon2-building</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-business"></use>
</svg>
<div class="name">business</div>
<div class="fontclass">#icon2-business</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-bill"></use>
</svg>
<div class="name">bill</div>
<div class="fontclass">#icon2-bill</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-calculator"></use>
</svg>
<div class="name">calculator</div>
<div class="fontclass">#icon2-calculator</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-calendar"></use>
</svg>
<div class="name">calendar</div>
<div class="fontclass">#icon2-calendar</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-camera"></use>
</svg>
<div class="name">camera</div>
<div class="fontclass">#icon2-camera</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-businesscard"></use>
</svg>
<div class="name">businesscard</div>
<div class="fontclass">#icon2-businesscard</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-car"></use>
</svg>
<div class="name">car</div>
<div class="fontclass">#icon2-car</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-chat"></use>
</svg>
<div class="name">chat</div>
<div class="fontclass">#icon2-chat</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-cangneishicao"></use>
</svg>
<div class="name">cangneishicao</div>
<div class="fontclass">#icon2-cangneishicao</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-check"></use>
</svg>
<div class="name">check</div>
<div class="fontclass">#icon2-check</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-checkbox-selected"></use>
</svg>
<div class="name">checkbox-selected</div>
<div class="fontclass">#icon2-checkbox-selected</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-Chinese"></use>
</svg>
<div class="name">Chinese</div>
<div class="fontclass">#icon2-Chinese</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-checkbox"></use>
</svg>
<div class="name">checkbox</div>
<div class="fontclass">#icon2-checkbox</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-clock"></use>
</svg>
<div class="name">clock</div>
<div class="fontclass">#icon2-clock</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-close"></use>
</svg>
<div class="name">close</div>
<div class="fontclass">#icon2-close</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-commodity"></use>
</svg>
<div class="name">commodity</div>
<div class="fontclass">#icon2-commodity</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-colthes"></use>
</svg>
<div class="name">colthes</div>
<div class="fontclass">#icon2-colthes</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-compare"></use>
</svg>
<div class="name">compare</div>
<div class="fontclass">#icon2-compare</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-compass"></use>
</svg>
<div class="name">compass</div>
<div class="fontclass">#icon2-compass</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-complain"></use>
</svg>
<div class="name">complain</div>
<div class="fontclass">#icon2-complain</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-complete-r"></use>
</svg>
<div class="name">complete-r</div>
<div class="fontclass">#icon2-complete-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-complete"></use>
</svg>
<div class="name">complete</div>
<div class="fontclass">#icon2-complete</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-courier"></use>
</svg>
<div class="name">courier</div>
<div class="fontclass">#icon2-courier</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-copy"></use>
</svg>
<div class="name">copy</div>
<div class="fontclass">#icon2-copy</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-CSR"></use>
</svg>
<div class="name">CSR</div>
<div class="fontclass">#icon2-CSR</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-create-bill"></use>
</svg>
<div class="name">create-bill</div>
<div class="fontclass">#icon2-create-bill</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-cut"></use>
</svg>
<div class="name">cut</div>
<div class="fontclass">#icon2-cut</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-dashboard"></use>
</svg>
<div class="name">dashboard</div>
<div class="fontclass">#icon2-dashboard</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-delete"></use>
</svg>
<div class="name">delete</div>
<div class="fontclass">#icon2-delete</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-delivery"></use>
</svg>
<div class="name">delivery</div>
<div class="fontclass">#icon2-delivery</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-customs"></use>
</svg>
<div class="name">customs</div>
<div class="fontclass">#icon2-customs</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-descending"></use>
</svg>
<div class="name">descending</div>
<div class="fontclass">#icon2-descending</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-dialog"></use>
</svg>
<div class="name">dialog</div>
<div class="fontclass">#icon2-dialog</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-diamond"></use>
</svg>
<div class="name">diamond</div>
<div class="fontclass">#icon2-diamond</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-download"></use>
</svg>
<div class="name">download</div>
<div class="fontclass">#icon2-download</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-ding"></use>
</svg>
<div class="name">ding</div>
<div class="fontclass">#icon2-ding</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-drop"></use>
</svg>
<div class="name">drop</div>
<div class="fontclass">#icon2-drop</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-dollar"></use>
</svg>
<div class="name">dollar</div>
<div class="fontclass">#icon2-dollar</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-duihua"></use>
</svg>
<div class="name">duihua</div>
<div class="fontclass">#icon2-duihua</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-edit"></use>
</svg>
<div class="name">edit</div>
<div class="fontclass">#icon2-edit</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-electronics"></use>
</svg>
<div class="name">electronics</div>
<div class="fontclass">#icon2-electronics</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-English"></use>
</svg>
<div class="name">English</div>
<div class="fontclass">#icon2-English</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-error-s"></use>
</svg>
<div class="name">error-s</div>
<div class="fontclass">#icon2-error-s</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-enclosure"></use>
</svg>
<div class="name">enclosure</div>
<div class="fontclass">#icon2-enclosure</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-error-r"></use>
</svg>
<div class="name">error-r</div>
<div class="fontclass">#icon2-error-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-exclamatory-mark-r"></use>
</svg>
<div class="name">exclamatory-mark-r</div>
<div class="fontclass">#icon2-exclamatory-mark-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-exchange"></use>
</svg>
<div class="name">exchange</div>
<div class="fontclass">#icon2-exchange</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-exclamatory-mark-t"></use>
</svg>
<div class="name">exclamatory-mark-t</div>
<div class="fontclass">#icon2-exclamatory-mark-t</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-exclamatory-mark"></use>
</svg>
<div class="name">exclamatory-mark</div>
<div class="fontclass">#icon2-exclamatory-mark</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-extend-r"></use>
</svg>
<div class="name">extend-r</div>
<div class="fontclass">#icon2-extend-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-extend"></use>
</svg>
<div class="name">extend</div>
<div class="fontclass">#icon2-extend</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-exit-fullscreen"></use>
</svg>
<div class="name">exit-fullscreen</div>
<div class="fontclass">#icon2-exit-fullscreen</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-finance"></use>
</svg>
<div class="name">finance</div>
<div class="fontclass">#icon2-finance</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-favorites"></use>
</svg>
<div class="name">favorites</div>
<div class="fontclass">#icon2-favorites</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-filter"></use>
</svg>
<div class="name">filter</div>
<div class="fontclass">#icon2-filter</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-first-page"></use>
</svg>
<div class="name">first-page</div>
<div class="fontclass">#icon2-first-page</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-flash-lamp-auto"></use>
</svg>
<div class="name">flash-lamp-auto</div>
<div class="fontclass">#icon2-flash-lamp-auto</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-flash-lamp-off"></use>
</svg>
<div class="name">flash-lamp-off</div>
<div class="fontclass">#icon2-flash-lamp-off</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-flash-lamp"></use>
</svg>
<div class="name">flash-lamp</div>
<div class="fontclass">#icon2-flash-lamp</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-forward-r"></use>
</svg>
<div class="name">forward-r</div>
<div class="fontclass">#icon2-forward-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-forbidden"></use>
</svg>
<div class="name">forbidden</div>
<div class="fontclass">#icon2-forbidden</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-forward-sorting"></use>
</svg>
<div class="name">forward-sorting</div>
<div class="fontclass">#icon2-forward-sorting</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-fullscreen"></use>
</svg>
<div class="name">fullscreen</div>
<div class="fontclass">#icon2-fullscreen</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-forward"></use>
</svg>
<div class="name">forward</div>
<div class="fontclass">#icon2-forward</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-gifts"></use>
</svg>
<div class="name">gifts</div>
<div class="fontclass">#icon2-gifts</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-free"></use>
</svg>
<div class="name">free</div>
<div class="fontclass">#icon2-free</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-folder"></use>
</svg>
<div class="name">folder</div>
<div class="fontclass">#icon2-folder</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-good-r"></use>
</svg>
<div class="name">good-r</div>
<div class="fontclass">#icon2-good-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-good"></use>
</svg>
<div class="name">good</div>
<div class="fontclass">#icon2-good</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-group"></use>
</svg>
<div class="name">group</div>
<div class="fontclass">#icon2-group</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-home"></use>
</svg>
<div class="name">home</div>
<div class="fontclass">#icon2-home</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-history"></use>
</svg>
<div class="name">history</div>
<div class="fontclass">#icon2-history</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-image-text"></use>
</svg>
<div class="name">image-text</div>
<div class="fontclass">#icon2-image-text</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-horizontal-retractio"></use>
</svg>
<div class="name">horizontal-retractio</div>
<div class="fontclass">#icon2-horizontal-retractio</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-horizontal-expansion"></use>
</svg>
<div class="name">horizontal-expansion</div>
<div class="fontclass">#icon2-horizontal-expansion</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-horn"></use>
</svg>
<div class="name">horn</div>
<div class="fontclass">#icon2-horn</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-import"></use>
</svg>
<div class="name">import</div>
<div class="fontclass">#icon2-import</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-image"></use>
</svg>
<div class="name">image</div>
<div class="fontclass">#icon2-image</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-info-r"></use>
</svg>
<div class="name">info-r</div>
<div class="fontclass">#icon2-info-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-info"></use>
</svg>
<div class="name">info</div>
<div class="fontclass">#icon2-info</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-information"></use>
</svg>
<div class="name">information</div>
<div class="fontclass">#icon2-information</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-key"></use>
</svg>
<div class="name">key</div>
<div class="fontclass">#icon2-key</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-international"></use>
</svg>
<div class="name">international</div>
<div class="fontclass">#icon2-international</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-keyboard"></use>
</svg>
<div class="name">keyboard</div>
<div class="fontclass">#icon2-keyboard</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-last-page"></use>
</svg>
<div class="name">last-page</div>
<div class="fontclass">#icon2-last-page</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-increase"></use>
</svg>
<div class="name">increase</div>
<div class="fontclass">#icon2-increase</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-left"></use>
</svg>
<div class="name">left</div>
<div class="fontclass">#icon2-left</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-letter"></use>
</svg>
<div class="name">letter</div>
<div class="fontclass">#icon2-letter</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-lefy-exchange"></use>
</svg>
<div class="name">lefy-exchange</div>
<div class="fontclass">#icon2-lefy-exchange</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-left-sorting"></use>
</svg>
<div class="name">left-sorting</div>
<div class="fontclass">#icon2-left-sorting</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-light"></use>
</svg>
<div class="name">light</div>
<div class="fontclass">#icon2-light</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-like"></use>
</svg>
<div class="name">like</div>
<div class="fontclass">#icon2-like</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-link"></use>
</svg>
<div class="name">link</div>
<div class="fontclass">#icon2-link</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-line"></use>
</svg>
<div class="name">line</div>
<div class="fontclass">#icon2-line</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-load"></use>
</svg>
<div class="name">load</div>
<div class="fontclass">#icon2-load</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-loading-"></use>
</svg>
<div class="name">loading-2</div>
<div class="fontclass">#icon2-loading-</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-loading-1"></use>
</svg>
<div class="name">loading-1</div>
<div class="fontclass">#icon2-loading-1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-lock"></use>
</svg>
<div class="name">lock</div>
<div class="fontclass">#icon2-lock</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-loan"></use>
</svg>
<div class="name">loan</div>
<div class="fontclass">#icon2-loan</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-location"></use>
</svg>
<div class="name">location</div>
<div class="fontclass">#icon2-location</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-logistics"></use>
</svg>
<div class="name">logistics</div>
<div class="fontclass">#icon2-logistics</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-macbook"></use>
</svg>
<div class="name">macbook</div>
<div class="fontclass">#icon2-macbook</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-logout"></use>
</svg>
<div class="name">logout</div>
<div class="fontclass">#icon2-logout</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-minus-r"></use>
</svg>
<div class="name">minus-r</div>
<div class="fontclass">#icon2-minus-r</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-map-"></use>
</svg>
<div class="name">map-1</div>
<div class="fontclass">#icon2-map-</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-map-1"></use>
</svg>
<div class="name">map-2</div>
<div class="fontclass">#icon2-map-1</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-mic"></use>
</svg>
<div class="name">mic</div>
<div class="fontclass">#icon2-mic</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-minus"></use>
</svg>
<div class="name">minus</div>
<div class="fontclass">#icon2-minus</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-mobile-Phone"></use>
</svg>
<div class="name">mobile-Phone</div>
<div class="fontclass">#icon2-mobile-Phone</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-minus-s"></use>
</svg>
<div class="name">minus-s</div>
<div class="fontclass">#icon2-minus-s</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-money"></use>
</svg>
<div class="name">money</div>
<div class="fontclass">#icon2-money</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-monitor"></use>
</svg>
<div class="name">monitor</div>
<div class="fontclass">#icon2-monitor</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-money-bill"></use>
</svg>
<div class="name">money-bill</div>
<div class="fontclass">#icon2-money-bill</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-moneys"></use>
</svg>
<div class="name">moneys</div>
<div class="fontclass">#icon2-moneys</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-more-transverse"></use>
</svg>
<div class="name">more-transverse</div>
<div class="fontclass">#icon2-more-transverse</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-locker"></use>
</svg>
<div class="name">locker</div>
<div class="fontclass">#icon2-locker</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-more-vertical"></use>
</svg>
<div class="name">more-vertical</div>
<div class="fontclass">#icon2-more-vertical</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-nav-list"></use>
</svg>
<div class="name">nav-list</div>
<div class="fontclass">#icon2-nav-list</div>
</li>
<li>
<svg class="icon" aria-hidden="true">
<use xlink:href="#icon2-news"></use>