@meistericons/meistericons
Version:
Meistericons, an icon library,
2,004 lines (1,566 loc) • 337 kB
HTML
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>mni</title>
<style>
body {
font-family: sans-serif;
margin: 0;
padding: 10px 20px;
text-align: center;
}
.preview {
width: 100px;
display: inline-block;
margin: 10px;
}
.preview .inner {
display: inline-block;
width: 100%;
text-align: center;
background: #f5f5f5;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
}
.preview .inner {
line-height: 85px;
font-size: 40px;
color: #333;
}
.label {
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 5px;
font-size: 10px;
font-family: Monaco, monospace;
color: #666;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
background: #ddd;
-webkit-border-radius: 0 0 3px 3px;
-moz-border-radius: 0 0 3px 3px;
border-radius: 0 0 3px 3px;
color: #666;
}
</style>
<link rel="stylesheet" type="text/css" href="mni.css" />
</head>
<body>
<h1>mni</h1>
<div class="preview">
<span class="inner">
<i class="mni mni-add-block"></i>
</span>
<br>
<span class='label'>add-block</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-add-blockB"></i>
</span>
<br>
<span class='label'>add-blockB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-add-sqaure"></i>
</span>
<br>
<span class='label'>add-sqaure</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-add-sqaureB"></i>
</span>
<br>
<span class='label'>add-sqaureB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-add"></i>
</span>
<br>
<span class='label'>add</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-airpod-single"></i>
</span>
<br>
<span class='label'>airpod-single</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-airpod-singleB"></i>
</span>
<br>
<span class='label'>airpod-singleB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-airpods-alt"></i>
</span>
<br>
<span class='label'>airpods-alt</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-airpods-altB"></i>
</span>
<br>
<span class='label'>airpods-altB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-airpods-dot"></i>
</span>
<br>
<span class='label'>airpods-dot</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-airpods"></i>
</span>
<br>
<span class='label'>airpods</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-airpodsB"></i>
</span>
<br>
<span class='label'>airpodsB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-add"></i>
</span>
<br>
<span class='label'>alarm-add</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-addB"></i>
</span>
<br>
<span class='label'>alarm-addB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-arrow-down"></i>
</span>
<br>
<span class='label'>alarm-arrow-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-arrow-downB"></i>
</span>
<br>
<span class='label'>alarm-arrow-downB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-arrow-left"></i>
</span>
<br>
<span class='label'>alarm-arrow-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-arrow-leftB"></i>
</span>
<br>
<span class='label'>alarm-arrow-leftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-arrow-right"></i>
</span>
<br>
<span class='label'>alarm-arrow-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-arrow-rightB"></i>
</span>
<br>
<span class='label'>alarm-arrow-rightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-arrow-up"></i>
</span>
<br>
<span class='label'>alarm-arrow-up</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-arrow-upB"></i>
</span>
<br>
<span class='label'>alarm-arrow-upB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-B"></i>
</span>
<br>
<span class='label'>alarm-B</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-cross"></i>
</span>
<br>
<span class='label'>alarm-cross</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-crossB"></i>
</span>
<br>
<span class='label'>alarm-crossB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-heart"></i>
</span>
<br>
<span class='label'>alarm-heart</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-minus"></i>
</span>
<br>
<span class='label'>alarm-minus</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-minusB"></i>
</span>
<br>
<span class='label'>alarm-minusB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-star"></i>
</span>
<br>
<span class='label'>alarm-star</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-starB"></i>
</span>
<br>
<span class='label'>alarm-starB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-time"></i>
</span>
<br>
<span class='label'>alarm-time</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm-timeB"></i>
</span>
<br>
<span class='label'>alarm-timeB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-alarm"></i>
</span>
<br>
<span class='label'>alarm</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-align-bottom"></i>
</span>
<br>
<span class='label'>align-bottom</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-align-bottomB"></i>
</span>
<br>
<span class='label'>align-bottomB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-align-center"></i>
</span>
<br>
<span class='label'>align-center</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-align-justify"></i>
</span>
<br>
<span class='label'>align-justify</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-align-left"></i>
</span>
<br>
<span class='label'>align-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-align-right"></i>
</span>
<br>
<span class='label'>align-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-align-top"></i>
</span>
<br>
<span class='label'>align-top</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-align-topB"></i>
</span>
<br>
<span class='label'>align-topB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-android-phone"></i>
</span>
<br>
<span class='label'>android-phone</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-android-phoneB"></i>
</span>
<br>
<span class='label'>android-phoneB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps-a"></i>
</span>
<br>
<span class='label'>apps-a</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps-aB"></i>
</span>
<br>
<span class='label'>apps-aB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps-add-a"></i>
</span>
<br>
<span class='label'>apps-add-a</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps-add-aB"></i>
</span>
<br>
<span class='label'>apps-add-aB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps-add"></i>
</span>
<br>
<span class='label'>apps-add</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps-addB"></i>
</span>
<br>
<span class='label'>apps-addB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps-cross"></i>
</span>
<br>
<span class='label'>apps-cross</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps-crossB"></i>
</span>
<br>
<span class='label'>apps-crossB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-apps"></i>
</span>
<br>
<span class='label'>apps</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-appsB"></i>
</span>
<br>
<span class='label'>appsB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-archive-add"></i>
</span>
<br>
<span class='label'>archive-add</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-archive-addB"></i>
</span>
<br>
<span class='label'>archive-addB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-archive-cross"></i>
</span>
<br>
<span class='label'>archive-cross</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-archive-crossB"></i>
</span>
<br>
<span class='label'>archive-crossB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-archive"></i>
</span>
<br>
<span class='label'>archive</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-archiveB"></i>
</span>
<br>
<span class='label'>archiveB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-down"></i>
</span>
<br>
<span class='label'>arrow-block-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-downB"></i>
</span>
<br>
<span class='label'>arrow-block-downB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-downleft"></i>
</span>
<br>
<span class='label'>arrow-block-downleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-downleftB"></i>
</span>
<br>
<span class='label'>arrow-block-downleftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-downright"></i>
</span>
<br>
<span class='label'>arrow-block-downright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-downrightB"></i>
</span>
<br>
<span class='label'>arrow-block-downrightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-left"></i>
</span>
<br>
<span class='label'>arrow-block-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-leftB"></i>
</span>
<br>
<span class='label'>arrow-block-leftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-right"></i>
</span>
<br>
<span class='label'>arrow-block-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-rightB"></i>
</span>
<br>
<span class='label'>arrow-block-rightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-topleft"></i>
</span>
<br>
<span class='label'>arrow-block-topleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-topleftB"></i>
</span>
<br>
<span class='label'>arrow-block-topleftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-topright"></i>
</span>
<br>
<span class='label'>arrow-block-topright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-toprightB"></i>
</span>
<br>
<span class='label'>arrow-block-toprightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-up"></i>
</span>
<br>
<span class='label'>arrow-block-up</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-block-upB"></i>
</span>
<br>
<span class='label'>arrow-block-upB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-break-down"></i>
</span>
<br>
<span class='label'>arrow-break-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-break-left"></i>
</span>
<br>
<span class='label'>arrow-break-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-break-right"></i>
</span>
<br>
<span class='label'>arrow-break-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-break-top"></i>
</span>
<br>
<span class='label'>arrow-break-top</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-down"></i>
</span>
<br>
<span class='label'>arrow-circle-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-downB"></i>
</span>
<br>
<span class='label'>arrow-circle-downB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-downleft"></i>
</span>
<br>
<span class='label'>arrow-circle-downleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-downleftB"></i>
</span>
<br>
<span class='label'>arrow-circle-downleftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-downright"></i>
</span>
<br>
<span class='label'>arrow-circle-downright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-downrightB"></i>
</span>
<br>
<span class='label'>arrow-circle-downrightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-left"></i>
</span>
<br>
<span class='label'>arrow-circle-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-leftB"></i>
</span>
<br>
<span class='label'>arrow-circle-leftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-right"></i>
</span>
<br>
<span class='label'>arrow-circle-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-rightB"></i>
</span>
<br>
<span class='label'>arrow-circle-rightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-top"></i>
</span>
<br>
<span class='label'>arrow-circle-top</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-topB"></i>
</span>
<br>
<span class='label'>arrow-circle-topB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-topleft"></i>
</span>
<br>
<span class='label'>arrow-circle-topleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-topleftB"></i>
</span>
<br>
<span class='label'>arrow-circle-topleftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-topright"></i>
</span>
<br>
<span class='label'>arrow-circle-topright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-circle-toprightB"></i>
</span>
<br>
<span class='label'>arrow-circle-toprightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-crash-down"></i>
</span>
<br>
<span class='label'>arrow-crash-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-crash-left"></i>
</span>
<br>
<span class='label'>arrow-crash-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-crash-right"></i>
</span>
<br>
<span class='label'>arrow-crash-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-crash-top"></i>
</span>
<br>
<span class='label'>arrow-crash-top</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-curved-downright"></i>
</span>
<br>
<span class='label'>arrow-curved-downright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-doublehead-d-a"></i>
</span>
<br>
<span class='label'>arrow-doublehead-d-a</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-doublehead-d"></i>
</span>
<br>
<span class='label'>arrow-doublehead-d</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-doublehead-h"></i>
</span>
<br>
<span class='label'>arrow-doublehead-h</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-doublehead-v"></i>
</span>
<br>
<span class='label'>arrow-doublehead-v</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-down"></i>
</span>
<br>
<span class='label'>arrow-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-downleft"></i>
</span>
<br>
<span class='label'>arrow-downleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-downright"></i>
</span>
<br>
<span class='label'>arrow-downright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-downwards"></i>
</span>
<br>
<span class='label'>arrow-downwards</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-duo-down"></i>
</span>
<br>
<span class='label'>arrow-duo-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-duo-left"></i>
</span>
<br>
<span class='label'>arrow-duo-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-duo-right"></i>
</span>
<br>
<span class='label'>arrow-duo-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-duo-top"></i>
</span>
<br>
<span class='label'>arrow-duo-top</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-fullscreen"></i>
</span>
<br>
<span class='label'>arrow-fullscreen</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-left"></i>
</span>
<br>
<span class='label'>arrow-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-loop-left"></i>
</span>
<br>
<span class='label'>arrow-loop-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-loop-right"></i>
</span>
<br>
<span class='label'>arrow-loop-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-reverse-downleft"></i>
</span>
<br>
<span class='label'>arrow-reverse-downleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-reverse-longh"></i>
</span>
<br>
<span class='label'>arrow-reverse-longh</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-reverse-longv"></i>
</span>
<br>
<span class='label'>arrow-reverse-longv</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-reverse-shorth"></i>
</span>
<br>
<span class='label'>arrow-reverse-shorth</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-reverse-shortv"></i>
</span>
<br>
<span class='label'>arrow-reverse-shortv</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-reverse-topleft"></i>
</span>
<br>
<span class='label'>arrow-reverse-topleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-reverse-topright"></i>
</span>
<br>
<span class='label'>arrow-reverse-topright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-right"></i>
</span>
<br>
<span class='label'>arrow-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-rounded-downleft"></i>
</span>
<br>
<span class='label'>arrow-rounded-downleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-rounded-downright"></i>
</span>
<br>
<span class='label'>arrow-rounded-downright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-rounded-topleft"></i>
</span>
<br>
<span class='label'>arrow-rounded-topleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-rounded-topright"></i>
</span>
<br>
<span class='label'>arrow-rounded-topright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-sort"></i>
</span>
<br>
<span class='label'>arrow-sort</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-sortB"></i>
</span>
<br>
<span class='label'>arrow-sortB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-down"></i>
</span>
<br>
<span class='label'>arrow-square-down</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-downB"></i>
</span>
<br>
<span class='label'>arrow-square-downB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-downleft"></i>
</span>
<br>
<span class='label'>arrow-square-downleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-downleftB"></i>
</span>
<br>
<span class='label'>arrow-square-downleftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-downright"></i>
</span>
<br>
<span class='label'>arrow-square-downright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-downrightB"></i>
</span>
<br>
<span class='label'>arrow-square-downrightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-left"></i>
</span>
<br>
<span class='label'>arrow-square-left</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-leftB"></i>
</span>
<br>
<span class='label'>arrow-square-leftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-right"></i>
</span>
<br>
<span class='label'>arrow-square-right</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-rightB"></i>
</span>
<br>
<span class='label'>arrow-square-rightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-top"></i>
</span>
<br>
<span class='label'>arrow-square-top</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-topB"></i>
</span>
<br>
<span class='label'>arrow-square-topB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-topleft"></i>
</span>
<br>
<span class='label'>arrow-square-topleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-topleftB"></i>
</span>
<br>
<span class='label'>arrow-square-topleftB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-topright"></i>
</span>
<br>
<span class='label'>arrow-square-topright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-square-toprightB"></i>
</span>
<br>
<span class='label'>arrow-square-toprightB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-top"></i>
</span>
<br>
<span class='label'>arrow-top</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-topleft"></i>
</span>
<br>
<span class='label'>arrow-topleft</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-topright"></i>
</span>
<br>
<span class='label'>arrow-topright</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-tv-double"></i>
</span>
<br>
<span class='label'>arrow-tv-double</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-tv-triple"></i>
</span>
<br>
<span class='label'>arrow-tv-triple</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-tv"></i>
</span>
<br>
<span class='label'>arrow-tv</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-arrow-upwards"></i>
</span>
<br>
<span class='label'>arrow-upwards</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-atom"></i>
</span>
<br>
<span class='label'>atom</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-award-minimal"></i>
</span>
<br>
<span class='label'>award-minimal</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-award-minimalB"></i>
</span>
<br>
<span class='label'>award-minimalB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-award"></i>
</span>
<br>
<span class='label'>award</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-awardB"></i>
</span>
<br>
<span class='label'>awardB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-baby-carriage"></i>
</span>
<br>
<span class='label'>baby-carriage</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-baby-carriageB"></i>
</span>
<br>
<span class='label'>baby-carriageB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-badge-varB"></i>
</span>
<br>
<span class='label'>badge-varB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-badge"></i>
</span>
<br>
<span class='label'>badge</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-badgeB"></i>
</span>
<br>
<span class='label'>badgeB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-add"></i>
</span>
<br>
<span class='label'>bag-add</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-addB"></i>
</span>
<br>
<span class='label'>bag-addB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-alt"></i>
</span>
<br>
<span class='label'>bag-alt</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-altB"></i>
</span>
<br>
<span class='label'>bag-altB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-block"></i>
</span>
<br>
<span class='label'>bag-block</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-blockB"></i>
</span>
<br>
<span class='label'>bag-blockB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-check"></i>
</span>
<br>
<span class='label'>bag-check</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-checkB"></i>
</span>
<br>
<span class='label'>bag-checkB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circle-1"></i>
</span>
<br>
<span class='label'>bag-circle-1</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circle-add"></i>
</span>
<br>
<span class='label'>bag-circle-add</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circle-block"></i>
</span>
<br>
<span class='label'>bag-circle-block</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circle-check"></i>
</span>
<br>
<span class='label'>bag-circle-check</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circle-code"></i>
</span>
<br>
<span class='label'>bag-circle-code</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circle-cross"></i>
</span>
<br>
<span class='label'>bag-circle-cross</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circle"></i>
</span>
<br>
<span class='label'>bag-circle</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circleB-1"></i>
</span>
<br>
<span class='label'>bag-circleB-1</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-circleB"></i>
</span>
<br>
<span class='label'>bag-circleB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-code"></i>
</span>
<br>
<span class='label'>bag-code</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-codeB"></i>
</span>
<br>
<span class='label'>bag-codeB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-cross"></i>
</span>
<br>
<span class='label'>bag-cross</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag-crossB"></i>
</span>
<br>
<span class='label'>bag-crossB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bag"></i>
</span>
<br>
<span class='label'>bag</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bagB"></i>
</span>
<br>
<span class='label'>bagB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bandaid-varB"></i>
</span>
<br>
<span class='label'>bandaid-varB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bandaid"></i>
</span>
<br>
<span class='label'>bandaid</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bandaidB"></i>
</span>
<br>
<span class='label'>bandaidB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bank"></i>
</span>
<br>
<span class='label'>bank</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bankB"></i>
</span>
<br>
<span class='label'>bankB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-barchart-h"></i>
</span>
<br>
<span class='label'>barchart-h</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-barchart-hB"></i>
</span>
<br>
<span class='label'>barchart-hB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-barchart"></i>
</span>
<br>
<span class='label'>barchart</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-barchartB"></i>
</span>
<br>
<span class='label'>barchartB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-battery-1"></i>
</span>
<br>
<span class='label'>battery-1</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-battery-1B"></i>
</span>
<br>
<span class='label'>battery-1B</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-battery-2"></i>
</span>
<br>
<span class='label'>battery-2</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-battery-2B"></i>
</span>
<br>
<span class='label'>battery-2B</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-battery-3"></i>
</span>
<br>
<span class='label'>battery-3</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-battery-3B"></i>
</span>
<br>
<span class='label'>battery-3B</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-battery-4"></i>
</span>
<br>
<span class='label'>battery-4</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-battery-4B"></i>
</span>
<br>
<span class='label'>battery-4B</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-beaker-half"></i>
</span>
<br>
<span class='label'>beaker-half</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-beaker-halfB"></i>
</span>
<br>
<span class='label'>beaker-halfB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-beaker"></i>
</span>
<br>
<span class='label'>beaker</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-beakerB"></i>
</span>
<br>
<span class='label'>beakerB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bed"></i>
</span>
<br>
<span class='label'>bed</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bedB"></i>
</span>
<br>
<span class='label'>bedB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bell"></i>
</span>
<br>
<span class='label'>bell</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-bellB"></i>
</span>
<br>
<span class='label'>bellB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-board-add"></i>
</span>
<br>
<span class='label'>board-add</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-board-block"></i>
</span>
<br>
<span class='label'>board-block</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-board-chart"></i>
</span>
<br>
<span class='label'>board-chart</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-board-chartB"></i>
</span>
<br>
<span class='label'>board-chartB</span>
</div>
<div class="preview">
<span class="inner">
<i class="mni mni-board-check"></i>
</span>
<br>
<span class='label'>board-check</span>
</div>
<div class="preview">