File: /var/www/html/insiders/wp-load/wp-content/themes/breadly/assets/breadly-icons/breadly-icon.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>breadly-icon</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="breadly-icon.css" />
</head>
<body>
<h1>breadly-icon</h1>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-article"></i>
</span>
<br>
<span class='label'>article</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-bread"></i>
</span>
<br>
<span class='label'>bread</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-calendar"></i>
</span>
<br>
<span class='label'>calendar</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-category"></i>
</span>
<br>
<span class='label'>category</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-coffee-machine"></i>
</span>
<br>
<span class='label'>coffee-machine</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-comments"></i>
</span>
<br>
<span class='label'>comments</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-cook"></i>
</span>
<br>
<span class='label'>cook</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-cookie"></i>
</span>
<br>
<span class='label'>cookie</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-eye"></i>
</span>
<br>
<span class='label'>eye</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-fish"></i>
</span>
<br>
<span class='label'>fish</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-fork-menu"></i>
</span>
<br>
<span class='label'>fork-menu</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-gauge"></i>
</span>
<br>
<span class='label'>gauge</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-gift"></i>
</span>
<br>
<span class='label'>gift</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-glasses"></i>
</span>
<br>
<span class='label'>glasses</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-idea"></i>
</span>
<br>
<span class='label'>idea</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-lobster"></i>
</span>
<br>
<span class='label'>lobster</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-location"></i>
</span>
<br>
<span class='label'>location</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-pizza"></i>
</span>
<br>
<span class='label'>pizza</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-pot"></i>
</span>
<br>
<span class='label'>pot</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-rooster"></i>
</span>
<br>
<span class='label'>rooster</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-rss"></i>
</span>
<br>
<span class='label'>rss</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-sale"></i>
</span>
<br>
<span class='label'>sale</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-serve"></i>
</span>
<br>
<span class='label'>serve</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-skill"></i>
</span>
<br>
<span class='label'>skill</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-snowflake"></i>
</span>
<br>
<span class='label'>snowflake</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-star"></i>
</span>
<br>
<span class='label'>star</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-tree-2"></i>
</span>
<br>
<span class='label'>tree-2</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-tree"></i>
</span>
<br>
<span class='label'>tree</span>
</div>
<div class="preview">
<span class="inner">
<i class="breadly-icon breadly-icon-user"></i>
</span>
<br>
<span class='label'>user</span>
</div>
</body>
</html>