<body>
<div class="content-wrap">
<h1>Pure CSS Icon Collection <small>(200+)</small></h1>
<div class="content">
<div class="icon-wrap">
<span class="icon icon1"> </span>
<pre id="code">
.icon1{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 0 0 32px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon2"> </span>
<pre id="code">
.icon2{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 0 0 32px;
}
.icon2::before{
position: relative;
top: -28px;
left: -28px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 24px 0 0 24px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon3"> </span>
<pre class="code">
.icon3{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 0 0 32px;
}
.icon3::before{
position: relative;
top: -25px;
left: -29px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 22px 0 0 22px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon4"> </span>
<pre class="code">
.icon4{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #555 transparent;
border-width: 32px 0 0 32px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon5"> </span>
<pre class="code">
.icon5{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #555 transparent;
border-width: 32px 0 0 32px;
}
.icon5::before{
content: '';
position: relative;
top: -28px;
left: -28px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #fff transparent;
border-width: 24px 0 0 24px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon6"> </span>
<pre class="code">
.icon6{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #555 transparent;
border-width: 32px 0 0 32px;
}
.icon6::before{
content: '';
position: relative;
top: -29px;
left: -25px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: #fff transparent;
border-width: 22px 0 0 22px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon7"> </span>
<pre class="code">
.icon7{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 0 0 32px 32px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon8"> </span>
<pre class="code">
.icon8{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 0 0 32px 32px;
}
.icon8::before{
content: '';
position: relative;
top: 4px;
left: -28px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 0 0 24px 24px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon9"> </span>
<pre class="code">
.icon9{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 0 0 32px 32px;
}
.icon9::before{
content: '';
position: relative;
top: 4px;
left: -29px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 0 0 22px 22px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon10"> </span>
<pre class="code">
.icon10{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 32px 0 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon11"> </span>
<pre class="code">
.icon11{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 32px 0 0;
}
.icon11::before{
content: '';
position: relative;
top: -28px;
left: 4px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 24px 24px 0 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon12"> </span>
<pre class="code">
.icon12{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #555;
border-width: 32px 32px 0 0;
}
.icon12::before{
content: '';
position: relative;
top: -25px;
left: 7px;
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent #fff;
border-width: 22px 22px 0 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon13"> </span>
<pre class="code">
.icon13{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon14"> </span>
<pre class="code">
.icon14{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
border-right-width: 0;
border-bottom-width: 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon15"> </span>
<pre class="code">
.icon15{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-right-color: #555;
border-top-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon16"> </span>
<pre class="code">
.icon16{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-right-color: #555;
border-top-color: #555;
border-left-width: 0;
border-bottom-width: 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon17"> </span>
<pre class="code">
.icon17{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-right-color: #555;
border-bottom-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon18"> </span>
<pre class="code">
.icon18{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-right-color: #555;
border-bottom-color: #555;
border-left-width: 0;
border-top-width: 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon19"> </span>
<pre class="code">
.icon19{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-bottom-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon20"> </span>
<pre class="code">
.icon20{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-bottom-color: #555;
border-right-width: 0;
border-top-width: 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon21"> </span>
<pre class="code">
.icon21{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon22"> </span>
<pre class="code">
.icon22{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(130deg);
-moz-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
-o-transform: rotate(130deg);
-ms-transform: rotate(130deg);
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon23"> </span>
<pre class="code">
.icon23{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon24"> </span>
<pre class="code">
.icon24{
width: 18px;
height: 18px;
float: left;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-webkit-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
-ms-transform: rotate(-135deg);
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon25"> </span>
<pre class="code">
.icon25{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon26"> </span>
<pre class="code">
.icon26{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555;
}
.icon26::before{
content: '';
position: relative;
top: -16px;
left: -12px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-top-color: #fff;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon27"> </span>
<pre class="code">
.icon27{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon28"> </span>
<pre class="code">
.icon28{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
}
.icon28::before{
content: '';
position: relative;
top: -12px;
left: -8px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #fff;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon29"> </span>
<pre class="code">
.icon29{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-bottom-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon30"> </span>
<pre class="code">
.icon30{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-bottom-color: #555
}
.icon30::before{
content: '';
position: relative;
top: -8px;
left: -12px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #fff
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon31"> </span>
<pre class="code">
.icon31{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon32"> </span>
<pre class="code">
.icon32{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555;
}
.icon32::before{
content: '';
position: relative;
top: -12px;
left: -16px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #fff;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon33"> </span>
<pre class="code">
.icon33{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-bottom-color: #555;
border-width: 16px;
}
.icon33::before{
position: relative;
content: '';
top: 16px;
left: -8px;
float: left;
width: 16px;
height: 14px;
background: #555;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon34"> </span>
<pre class="code">
.icon34{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-bottom-color: #555;
border-top-width: 0;
}
.icon34::before{
position: relative;
content: '';
top: 14px;
left: -8px;
/* float: left; */
display: block;
width: 12px;
height: 12px;
border: 2px solid #555;
border-top-color: #fff;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px;
}
.icon34::after{
content: '';
position: relative;
top: -34px;
left: -12px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #fff;
border-top-width: 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon35"> </span>
<pre class="code">
.icon35{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-left-color: #555;
border-width: 16px;
}
.icon35::before{
position: relative;
content: '';
top: -8px;
left: -30px;
float: left;
width: 14px;
height: 16px;
background: #555;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon36"> </span>
<pre class="code">
.icon36{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555;
}
.icon36::before{
position: relative;
content: '';
top: -8px;
left: -32px;
/* float: left; */
display: block;
width: 14px;
height: 12px;
border: 2px solid #555;
border-right-color: #fff;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
}
.icon36::after{
content: '';
position: relative;
top: -48px;
left: -14px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #fff;
border-right-width: 10px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon37"> </span>
<pre class="code">
.icon37{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-top-color: #555;
border-width: 16px;
}
.icon37::before{
position: relative;
content: '';
top: -30px;
left: -8px;
float: left;
width: 16px;
height: 14px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon38"> </span>
<pre class="code">
.icon38{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555;
}
.icon38::before{
position: relative;
content: '';
top: -30px;
left: -8px;
/* float: left; */
display: block;
width: 12px;
height: 12px;
border: 2px solid #555;
border-bottom-color: #fff;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
}
.icon38::after{
content: '';
position: relative;
top: -50px;
left: -12px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-top-color: #fff;
border-bottom-width: 10px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon39"> </span>
<pre class="code">
.icon39{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-right-color: #555;
border-width: 16px;
}
.icon39::before{
position: relative;
content: '';
top: -8px;
left: 16px;
float: left;
width: 14px;
height: 16px;
background: #555;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon40"> </span>
<pre class="code">
.icon40{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
}
.icon40::before{
position: relative;
content: '';
top: -8px;
left: 14px;
/* float: left; */
display: block;
width: 14px;
height: 12px;
border: 2px solid #555;
border-left-color: #fff;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
}
.icon40::after{
content: '';
position: relative;
top: -48px;
left: -8px;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #fff;
border-left-width: 10px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon41"> </span>
<pre class="code">
.icon41{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-right-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
}
.icon41::before{
position: relative;
float: left;
top: -6px;
left: 12px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-right-color: #555;
border-bottom-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon42"> </span>
<pre class="code">
.icon42{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-left-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
}
.icon42::before{
position: relative;
float: left;
top: -6px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-left-color: #555;
border-bottom-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon43"> </span>
<pre class="code">
.icon43{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-left-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
}
.icon43::before{
position: relative;
float: left;
top: -2px;
left: -13px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #555;
transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon44"> </span>
<pre class="code">
.icon44{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-right-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg);
}
.icon44::before{
position: relative;
float: left;
top: -2px;
left: 11px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #555;
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg);
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon45"> </span>
<pre class="code">
.icon45{
float: left;
width: 22px;
height: 22px;
border: 6px solid #555;
border-right-color: transparent;
border-left-color: transparent;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px;
transform: rotate(30deg);
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
}
.icon45::before{
position: relative;
float: left;
top: 0;
left: -16px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-bottom-color: #555;
border-width: 12px;
transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
}
.icon45::after{
position: relative;
float: left;
top: -44px;
left: 14px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-top-color: #555;
border-width: 12px;
transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon46"> </span>
<pre class="code">
.icon46{
float: left;
width: 14px;
height: 12px;
border: 6px solid #555;
border-left-color: transparent;
border-radius: 0 22px 22px 0;
-moz-border-radius: 0 22px 22px 0;
-webkit-border-radius: 0 22px 22px 0;
-ms-border-radius: 0 22px 22px 0;
}
.icon46::before{
position: relative;
float: left;
top: -13px;
left: -20px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-right-color: #555;
}
.icon46::after{
position: relative;
float: left;
top: -8px;
left: -8px;
content: '';
width: 8px;
height: 6px;
float: left;
background: #555;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon47"> </span>
<pre class="code">
.icon47{
float: left;
width: 14px;
height: 12px;
border: 6px solid #555;
border-left-color: transparent;
border-radius: 0 22px 22px 0;
-moz-border-radius: 0 22px 22px 0;
-webkit-border-radius: 0 22px 22px 0;
-ms-border-radius: 0 22px 22px 0;
}
.icon47::before{
position: relative;
float: left;
top: -6px;
left: -8px;
content: '';
width: 8px;
height: 6px;
float: left;
background: #555;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
}
.icon47::after{
position: relative;
float: left;
top: -15px;
left: -20px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-right-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon48"> </span>
<pre class="code">
.icon48{
float: left;
width: 14px;
height: 12px;
border: 6px solid #555;
border-right-color: transparent;
border-radius: 22px 0 0 22px;
-moz-border-radius: 22px 0 0 22px;
-webkit-border-radius: 22px 0 0 22px;
-ms-border-radius: 22px 0 0 22px;
}
.icon48::before{
position: relative;
float: left;
top: -13px;
left: 14px;
content: '';
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-left-color: #555;
border-width: 10px;
}
.icon48::after{
position: relative;
float: left;
top: -8px;
left: 14px;
content: '';
width: 8px;
height: 6px;
float: left;
background: #555;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon49"> </span>
<pre class="code">
.icon49{
float: left;
width: 14px;
height: 12px;
border: 6px solid #555;
border-right-color: transparent;
border-radius: 22px 0 0 22px;
-moz-border-radius: 22px 0 0 22px;
-webkit-border-radius: 22px 0 0 22px;
-ms-border-radius: 22px 0 0 22px;
}
.icon49::before{
position: relative;
float: left;
top: -6px;
left: 14px;
content: '';
width: 8px;
height: 6px;
float: left;
background: #555;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0;
}
.icon49::after{
position: relative;
float: left;
top: -15px;
left: 14px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-left-color: #555;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon50"> </span>
<pre class="code">
.icon50{
float: left;
width: 12px;
height: 14px;
border: 6px solid #555;
border-top-color: transparent;
border-radius: 0 0 22px 22px;
-moz-border-radius: 0 0 22px 22px;
-webkit-border-radius: 0 0 22px 22px;
-ms-border-radius: 0 0 22px 22px;
}
.icon50::before{
position: relative;
float: left;
top: -18px;
left: -13px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-bottom-color: #555;
}
.icon50::after{
position: relative;
float: left;
top: -27px;
left: 12px;
content: '';
width: 6px;
height: 8px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon51"> </span>
<pre class="code">
.icon51{
float: left;
width: 12px;
height: 14px;
border: 6px solid #555;
border-top-color: transparent;
border-radius: 0 0 22px 22px;
-moz-border-radius: 0 0 22px 22px;
-webkit-border-radius: 0 0 22px 22px;
-ms-border-radius: 0 0 22px 22px;
}
.icon51::before{
position: relative;
float: left;
top: -18px;
left: 5px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-bottom-color: #555;
}
.icon51::after{
position: relative;
float: left;
top: -27px;
left: -6px;
content: '';
width: 6px;
height: 8px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon52"> </span>
<pre class="code">
.icon52{
float: left;
width: 12px;
height: 14px;
border: 6px solid #555;
border-bottom-color: transparent;
border-radius: 22px 22px 0 0;
-moz-border-radius: 22px 22px 0 0;
-webkit-border-radius: 22px 22px 0 0;
-ms-border-radius: 22px 22px 0 0;
}
.icon52::before{
position: relative;
float: left;
top: 14px;
left: 5px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-top-color: #555
}
.icon52::after{
position: relative;
float: left;
top: -6px;
left: -6px;
content: '';
width: 6px;
height: 8px;
float: left;
background: #555;
border-radius: 0 0 2px 2px;
-mos-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon53"> </span>
<pre class="code">
.icon53{
float: left;
width: 12px;
height: 14px;
border: 6px solid #555;
border-bottom-color: transparent;
border-radius: 22px 22px 0 0;
-moz-border-radius: 22px 22px 0 0;
-webkit-border-radius: 22px 22px 0 0;
-ms-border-radius: 22px 22px 0 0;
}
.icon53::before{
position: relative;
float: left;
top: 14px;
left: -13px;
content: '';
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-top-color: #555;
}
.icon53::after{
position: relative;
float: left;
top: -6px;
left: 12px;
content: '';
width: 6px;
height: 8px;
float: left;
background: #555;
border-radius: 0 0 2px 2px;
-mos-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px;
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon54"> </span>
<pre class="code">
.icon54{
float: left;
width: 6px;
height: 16px;
background: #555
}
.icon54::before{
position: relative;
float: left;
top: -16px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-bottom-color: #555
}
.icon54::after{
position: relative;
float: left;
top: -22px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-top-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon55"> </span>
<pre class="code">
.icon55{
float: left;
width: 6px;
height: 16px;
background: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon55::before{
position: relative;
float: left;
top: -16px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-bottom-color: #555
}
.icon55::after{
position: relative;
float: left;
top: -22px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-top-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon56"> </span>
<pre class="code">
.icon56{
float: left;
width: 6px;
height: 16px;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
.icon56::before{
position: relative;
float: left;
top: -16px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-bottom-color: #555
}
.icon56::after{
position: relative;
float: left;
top: -22px;
left: -6px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-top-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon57"> </span>
<pre class="code">
.icon57{
float: left;
width: 16px;
height: 6px;
background: #555
}
.icon57::before{
position: relative;
float: left;
top: -7px;
left: -18px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-right-color: #555
}
.icon57::after{
position: relative;
float: left;
top: -44px;
left: 16px;
content: '';
width: 0;
height: 0;
float: left;
border: 9px solid transparent;
border-left-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon58"> </span>
<pre class="code">
.icon58{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon59"> </span>
<pre class="code">
.icon59{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 8px 0 0 0;
-moz-border-radius: 8px 0 0 0;
-webkit-border-radius: 8px 0 0 0;
-ms-border-radius: 8px 0 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon60"> </span>
<pre class="code">
.icon60{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 8px 0 0;
-moz-border-radius: 0 8px 0 0;
-webkit-border-radius: 0 8px 0 0;
-ms-border-radius: 0 8px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon61"> </span>
<pre class="code">
.icon61{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 0 8px 0;
-moz-border-radius: 0 0 8px 0;
-webkit-border-radius: 0 0 8px 0;
-ms-border-radius: 0 0 8px 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon62"> </span>
<pre class="code">
.icon62{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 0 0 8px;
-moz-border-radius: 0 0 0 8px;
-webkit-border-radius: 0 0 0 8px;
-ms-border-radius: 0 0 0 8px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon63"> </span>
<pre class="code">
.icon63{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 18px 0;
-moz-border-radius: 18px 0;
-webkit-border-radius: 18px 0;
-ms-border-radius: 18px 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon64"> </span>
<pre class="code">
.icon64{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 18px;
-moz-border-radius: 0 18px;
-webkit-border-radius: 0 18px;
-ms-border-radius: 0 18px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon65"> </span>
<pre class="code">
.icon65{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 0 18px 18px;
-moz-border-radius: 0 18px 18px;
-webkit-border-radius: 0 18px 18px;
-ms-border-radius: 0 18px 18px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon66"> </span>
<pre class="code">
.icon66{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon67"> </span>
<pre class="code">
.icon67{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon68"> </span>
<pre class="code">
.icon68{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon69"> </span>
<pre class="code">
.icon69{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-bottom-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon70"> </span>
<pre class="code">
.icon70{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon71"> </span>
<pre class="code">
.icon71{
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon72"> </span>
<pre class="code">
.icon72{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon72::before{
content: '';
position: relative;
top: 16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon73"> </span>
<pre class="code">
.icon73{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon73::before{
content: '';
position: relative;
top: -16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon74"> </span>
<pre class="code">
.icon74{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon74::before{
content: '';
position: relative;
left: 16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon75"> </span>
<pre class="code">
.icon75{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon75::before{
content: '';
position: relative;
left: -16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon76"> </span>
<pre class="code">
.icon76{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon76::before{
content: '';
position: relative;
left: 16px;
top: 16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon77"> </span>
<pre class="code">
.icon77{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon77::before{
content: '';
position: relative;
left: -16px;
top: 16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon78"> </span>
<pre class="code">
.icon78{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon78::before{
content: '';
position: relative;
left: 16px;
top: -16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon79"> </span>
<pre class="code">
.icon79{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon79::before{
content: '';
position: relative;
left: -16px;
top: -16px;
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon80"> </span>
<pre class="code">
.icon80{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon80::before{
content: '';
position: relative;
top: 16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon81"> </span>
<pre class="code">
.icon81{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon81::before{
content: '';
position: relative;
top: -16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon82"> </span>
<pre class="code">
.icon82{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon82::before{
content: '';
position: relative;
left: 16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon83"> </span>
<pre class="code">
.icon83{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon83::before{
content: '';
position: relative;
left: -16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon84"> </span>
<pre class="code">
.icon84{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon84::before{
content: '';
position: relative;
left: 16px;
top: 16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon85"> </span>
<pre class="code">
.icon85{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon85::before{
content: '';
position: relative;
left: -16px;
top: 16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon86"> </span>
<pre class="code">
.icon86{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon86::before{
content: '';
position: relative;
left: 16px;
top: -16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon87"> </span>
<pre class="code">
.icon87{
float: left;
width: 32px;
height: 32px;
overflow: hidden
}
.icon87::before{
content: '';
position: relative;
left: -16px;
top: -16px;
width: 24px;
height: 24px;
float: left;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon88"> </span>
<pre class="code">
.icon88{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon88::after{
content: '';
position: relative;
top: 24px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555;
border-left-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon89"> </span>
<pre class="code">
.icon89{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon89::after{
content: '';
position: relative;
top: 24px;
left: 20px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555;
border-right-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon90"> </span>
<pre class="code">
.icon90{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon90::after{
content: '';
position: relative;
top: 24px;
left: 20px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon91"> </span>
<pre class="code">
.icon91{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon91::after{
content: '';
position: relative;
top: 24px;
left: 6px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon92"> </span>
<pre class="code">
.icon92{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon92::before{
content: '';
position: relative;
top: -6px;
left: 6px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-bottom-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon93"> </span>
<pre class="code">
.icon93{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon93::before{
content: '';
position: relative;
top: -6px;
left: 20px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-bottom-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon94"> </span>
<pre class="code">
.icon94{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon94::before{
content: '';
position: relative;
top: 6px;
left: -6px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-right-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon95"> </span>
<pre class="code">
.icon95{
float: left;
width: 32px;
height: 24px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon95::before{
content: '';
position: relative;
top: 6px;
left: 32px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-left-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon96"> </span>
<pre class="code">
.icon96{
float: left;
width: 28px;
height: 20px;
border: 2px solid #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon96::after{
content: '';
position: relative;
top: 22px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon97"> </span>
<pre class="code">
.icon97{
float: left;
width: 28px;
height: 20px;
border: 2px solid #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon97::before{
content: '';
position: relative;
top: 22px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #555
}
.icon97::after{
content: '';
position: relative;
top: 20px;
left: -2px;
width: 0;
height: 0;
float: left;
border: 3px solid transparent;
border-top-color: #fff
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon98"> </span>
<pre class="code">
.icon98{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon98::before{
position: relative;
float: left;
top: 10px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon99"> </span>
<pre class="code">
.icon99{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon99::before{
position: relative;
float: left;
top: 10px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon100"> </span>
<pre class="code">
.icon100{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon100::before{
position: relative;
float: left;
top: 10px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon101"> </span>
<pre class="code">
.icon101{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon101::before{
position: relative;
float: left;
top: 10px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon101::after{
position: relative;
float: left;
top: -14px;
content: '';
height: 4px;
width: 24px;
display: block;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon102"> </span>
<pre class="code">
.icon102{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon102::before{
position: relative;
float: left;
top: 6px;
left: 6px;
content: '';
width: 0;
height: 0;
width: 12px;
height: 12px;
background: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon103"> </span>
<pre class="code">
.icon103{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon103::before{
position: relative;
float: left;
top: 6px;
left: 6px;
content: '';
width: 0;
height: 0;
width: 12px;
height: 12px;
background: #555;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-ms-border-radius: 12px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon104"> </span>
<pre class="code">
.icon104{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon104::before{
position: relative;
top: 4px;
left: 9px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-left-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon105"> </span>
<pre class="code">
.icon105{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon105::before{
position: relative;
top: 4px;
left: -1px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-right-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon106"> </span>
<pre class="code">
.icon106{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon106::before{
position: relative;
top: 9px;
left: 4px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-top-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon107"> </span>
<pre class="code">
.icon107{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon107::before{
position: relative;
top: -2px;
left: 4px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-bottom-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon108"> </span>
<pre class="code">
.icon108{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon108::before{
position: relative;
top: 9px;
left: 4px;
content: '';
width: 16px;
height: 6px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon109"> </span>
<pre class="code">
.icon109{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon109::before{
position: relative;
top: 4px;
left: 9px;
content: '';
width: 6px;
height: 16px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon110"> </span>
<pre class="code">
.icon110{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon110::before{
position: relative;
top: 9px;
left: 4px;
content: '';
width: 16px;
height: 6px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.icon110::after{
position: relative;
top: -16px;
left: 9px;
content: '';
width: 6px;
height: 16px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon111"> </span>
<pre class="code">
.icon111{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon111::before{
content: '';
position: relative;
top: 0;
left: 0;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-top-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon112"> </span>
<pre class="code">
.icon112{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon112::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon113"> </span>
<pre class="code">
.icon113{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon113::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-bottom-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon114"> </span>
<pre class="code">
.icon114{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon114::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon115"> </span>
<pre class="code">
.icon115{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon115::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-top-color: #555;
border-bottom-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon116"> </span>
<pre class="code">
.icon116{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon116::before{
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555;
border-left-color: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon117"> </span>
<pre class="code">
.icon117{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon117::before{
position: relative;
top: 5px;
left: 6px;
content: '';
width: 5px;
height: 14px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.icon117::after{
position: relative;
top: 5px;
left: 8px;
content: '';
width: 5px;
height: 14px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon118"> </span>
<pre class="code">
.icon118{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon118::before{
position: relative;
top: 6px;
left: 5px;
content: '';
width: 14px;
height: 5px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.icon118::after{
position: relative;
top: -7px;
left: 5px;
content: '';
width: 14px;
height: 5px;
float: left;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon119"> </span>
<pre class="code">
.icon119{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-top-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon119::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-top-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon120"> </span>
<pre class="code">
.icon120{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon120::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon121"> </span>
<pre class="code">
.icon121{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon121::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon122"> </span>
<pre class="code">
.icon122{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon122::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon123"> </span>
<pre class="code">
.icon123{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-right-color: transparent;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon123::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-right-color: transparent;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon124"> </span>
<pre class="code">
.icon124{
float: left;
width: 24px;
height: 24px;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon124::before{
content: '';
position: relative;
top: 4px;
left: 4px;
width: 0;
height: 0;
float: left;
border: 8px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon125"> </span>
<pre class="code">
.icon125{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-top-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon126"> </span>
<pre class="code">
.icon126{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon127"> </span>
<pre class="code">
.icon127{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-bottom-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon128"> </span>
<pre class="code">
.icon128{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-left-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon129"> </span>
<pre class="code">
.icon129{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon129::before{
position: relative;
content: '';
top: -6px;
left: 6px;
float: left;
width: 12px;
height: 12px;
background: #555;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-ms-border-radius: 12px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon130"> </span>
<pre class="code">
.icon130{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon130::before{
position: relative;
content: '';
top: -12px;
left: -4px;
float: left;
width: 6px;
height: 6px;
background: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon131"> </span>
<pre class="code">
.icon131{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon131::before{
position: relative;
content: '';
top: -6px;
left: 6px;
float: left;
width: 12px;
height: 12px;
background: #555;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-ms-border-radius: 12px
}
.icon131::after{
position: relative;
content: '';
top: -44px;
left: -4px;
float: left;
width: 6px;
height: 6px;
background: #fff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon132"> </span>
<pre class="code">
.icon132{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon132::before{
position: relative;
content: '';
top: -16px;
left: -12px;
float: left;
width: 0;
height: 0;
border: 16px solid transparent;
border-right-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon133"> </span>
<pre class="code">
.icon133{
float: left;
width: 0;
height: 0;
border: 16px solid #555;
border-right-color: transparent;
border-radius: 16px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
.icon133::before{
position: relative;
content: '';
top: -16px;
left: -12px;
float: left;
width: 0;
height: 0;
border: 16px solid transparent;
border-right-color: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon134"> </span>
<pre class="code">
.icon134{
float: left;
width: 6px;
height: 6px;
border: 12px solid #555;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-ms-border-radius: 20px
}
.icon134::before{
position: relative;
float: left;
top: -8px;
left: 1px;
content: '';
width: 4px;
height: 16px;
background: #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon134::after{
position: relative;
float: left;
top: -18px;
left: 6px;
content: '';
width: 2px;
height: 16px;
background: #fff;
border-radius: 1px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon135"> </span>
<pre class="code">
.icon135{
float: left;
width: 18px;
height: 18px;
border: 6px solid #555;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-ms-border-radius: 32px
}
.icon135::before{
content: '';
position: relative;
top: -10px;
left: 6px;
float: left;
background: #555;
width: 6px;
height: 18px;
outline: 3px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon136"> </span>
<pre class="code">
.icon136{
float: left;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #555
}
.icon136::before{
position: relative;
float: left;
top: -12px;
left: -2px;
content: '';
width: 0;
height: 0;
border: 12px solid transparent;
border-left-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon137"> </span>
<pre class="code">
.icon137{
float: left;
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-left-color: #555
}
.icon137::before{
position: relative;
/* float: left;*/
top: -12px;
left: -2px;
display: block;
content: '';
width: 0;
height: 0;
border: 12px solid transparent;
border-left-color: #555
}
.icon137::after{
position: relative;
float: left;
top: -55px;
left: 8px;
content: '';
width: 8px;
height: 22px;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon138"> </span>
<pre class="code">
.icon138{
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
.icon138::before{
position: relative;
float: left;
top: -12px;
left: -1px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon139"> </span>
<pre class="code">
.icon139{
float: left;
width: 8px;
height: 22px;
background: #555;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.icon139::before{
position: relative;
float: left;
top: -2px;
left: -5px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
.icon139::after{
position: relative;
float: left;
top: -46px;
left: 5px;
content: '';
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon140"> </span>
<pre class="code">
.icon140{
float: left;
width: 8px;
height: 8px;
border: 6px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.icon140::before{
position: relative;
float: left;
top: -26px;
left: -4px;
content: '';
width: 0;
height: 0;
border: 8px solid transparent;
border-bottom-color: #555;
border-bottom-width: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon141"> </span>
<pre class="code">
.icon141{
float: left;
width: 8px;
height: 8px;
border: 6px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.icon141::before{
position: relative;
float: left;
top: 10px;
left: -4px;
content: '';
width: 0;
height: 0;
border: 8px solid transparent;
border-top-color: #555;
border-top-width: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon142"> </span>
<pre class="code">
.icon142{
float: left;
width: 8px;
height: 8px;
border: 6px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.icon142::before{
position: relative;
float: left;
top: -4px;
left: 10px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-left-color: #555;
border-left-width: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon143"> </span>
<pre class="code">
.icon143{
float: left;
width: 8px;
height: 8px;
border: 6px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.icon143::before{
position: relative;
float: left;
top: -4px;
left: -26px;
content: '';
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-right-color: #555;
border-right-width: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon144"> </span>
<pre class="code">
.icon144{
float: left;
width: 8px;
height: 16px;
border: 0 solid transparent;
border-bottom-color: #555;
border-right-color: #555;
border-bottom-width: 8px;
border-right-width: 8px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon145"> </span>
<pre class="code">
.icon145{
border: 2px solid #555;
width: 28px;
height: 28px;
float: left
}
.icon145::before{
content: '';
position: relative;
left: 7px;
top: 2px;
float: left;
width: 8px;
height: 16px;
border: 0 solid transparent;
border-bottom-color: #555;
border-right-color: #555;
border-bottom-width: 6px;
border-right-width: 6px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon146"> </span>
<pre class="code">
.icon146{
border: 2px solid #555;
width: 28px;
height: 28px;
float: left;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-ms-border-radius: 32px
}
.icon146::before{
content: '';
position: relative;
left: 7px;
top: 2px;
float: left;
width: 8px;
height: 16px;
border: 0 solid transparent;
border-bottom-color: #555;
border-right-color: #555;
border-bottom-width: 6px;
border-right-width: 6px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon147"> </span>
<pre class="code">
.icon147{
width: 32px;
height: 32px;
background: #555;
float: left;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-ms-border-radius: 32px
}
.icon147::before{
content: '';
position: relative;
left: 9px;
top: 3px;
float: left;
width: 8px;
height: 16px;
border: 0 solid transparent;
border-bottom-color: #fff;
border-right-color: #fff;
border-bottom-width: 6px;
border-right-width: 6px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon148"> </span>
<pre class="code">
.icon148{
float: left;
width: 23px;
height: 16px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon148::before{
content: '';
position: relative;
top: -10px;
left: 3px;
float: left;
width: 9px;
height: 9px;
border: 4px solid #555;
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-ms-border-radius: 13px
}
.icon148::after{
content: '';
position: relative;
top: -16px;
left: 9px;
float: left;
width: 4px;
height: 8px;
background: #fff;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon149"> </span>
<pre class="code">
.icon149{
float: left;
width: 23px;
height: 16px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon149::before{
content: '';
position: relative;
top: -10px;
left: 3px;
float: left;
width: 9px;
height: 9px;
border: 4px solid #555;
border-left-color: transparent;
transform: rotate(-30deg);
-moz-transform: rotate(-30deg);
-webkit-transform: rotate(-30deg);
-o-transform: rotate(-30deg);
-ms-transform: rotate(-30deg);
border-radius: 13px;
-moz-border-radius: 13px;
-webkit-border-radius: 13px;
-ms-border-radius: 13px
}
.icon149::after{
content: '';
position: relative;
top: -16px;
left: 9px;
float: left;
width: 4px;
height: 8px;
background: #fff;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon150"> </span>
<pre class="code">
.icon150{
float: left;
width: 16px;
height: 8px;
border: 4px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon150::before{
content: '';
position: relative;
top: -4px;
left: -19px;
float: left;
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #555
}
.icon150::after{
content: '';
position: relative;
top: -14px;
left: -6px;
float: left;
width: 4px;
height: 4px;
background: #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon151"> </span>
<pre class="code">
.icon151{
float: left;
width: 16px;
height: 8px;
border: 4px solid #555;
border-radius: 2px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon151::before{
content: '';
position: relative;
top: -4px;
left: -19px;
float: left;
width: 0;
height: 0;
border: 8px solid transparent;
border-right-color: #555
}
.icon151::after{
content: '';
position: relative;
top: -14px;
left: -6px;
float: left;
width: 4px;
height: 4px;
background: #fff;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon152"> </span>
<pre class="code">
.icon152{
float: left;
width: 32px;
height: 22px;
background: #555;
overflow: hidden;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon152::before{
content: '';
position: relative;
top: -12px;
left: 4px;
float: left;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon153"> </span>
<pre class="code">
.icon153{
float: left;
width: 32px;
height: 22px;
background: #555;
overflow: hidden;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon153::before{
content: '';
z-index: 2;
position: relative;
top: -12px;
left: 4px;
float: left;
background: #555;
width: 20px;
height: 20px;
border: 2px solid #fff;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon153::after{
z-index: 1;
content: '';
position: relative;
top: -12px;
left: 6px;
float: left;
width: 18px;
height: 18px;
border: 1px solid #fff;
border-bottom-color: transparent;
border-right-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon154"> </span>
<pre class="code">
.icon154{
float: left;
width: 28px;
height: 22px;
overflow: hidden;
border: 1px solid #555;
border-left-width: 4px;
border-right-width: 4px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon154::before{
content: '';
z-index: 2;
position: relative;
top: -13px;
left: 2px;
float: left;
background: #fff;
width: 20px;
height: 20px;
border: 2px solid #555;
border-top-color: transparent;
border-left-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon154::after{
z-index: 1;
content: '';
position: relative;
top: -12px;
left: 4px;
float: left;
width: 18px;
height: 18px;
border: 1px solid #555;
border-bottom-color: transparent;
border-right-color: transparent;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon155"> </span>
<pre class="code">
.icon155{
float: left;
width: 14px;
height: 14px;
border: 2px solid #555;
border-bottom-width: 12px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon155::before{
content: '';
position: relative;
top: -7px;
left: 0;
float: left;
background: #555;
width: 3px;
height: 5px;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon156"> </span>
<pre class="code">
.icon156{
float: left;
width: 14px;
height: 17px;
border: 2px solid #555;
border-top-width: 4px;
border-bottom-width: 5px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.icon156::before{
content: '';
position: relative;
top: -3px;
left: 4px;
float: left;
background: #fff;
width: 6px;
height: 1px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.icon156::after{
content: '';
position: relative;
top: 18px;
left: 0px;
float: left;
background: #fff;
width: 3px;
height: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon157"> </span>
<pre class="code">
.icon157{
float: left;
width: 16px;
height: 17px;
border: 3px solid #555;
border-bottom-width: 7px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.icon157::before{
content: '';
position: relative;
top: 19px;
left: 6px;
float: left;
background: #fff;
width: 4px;
height: 3px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon158"> </span>
<pre class="code">
.icon158{
float: left;
width: 14px;
height: 14px;
border: 2px solid #555;
border-bottom-width: 12px;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.icon158::before{
content: '';
position: relative;
top: 16px;
left: 3px;
float: left;
background: #555;
border: 2px solid #fff;
width: 4px;
height: 4px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon159"> </span>
<pre class="code">
.icon159{
float: left;
width: 28px;
height: 18px;
border: 2px solid #555;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.icon159::before{
content: '';
position: relative;
top: 20px;
left: 10px;
float: left;
background: #555;
width: 8px;
height: 3px
}
.icon159::after{
content: '';
position: relative;
top: 3px;
left: 5px;
float: left;
background: #555;
width: 19px;
height: 2px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon160"> </span>
<pre class="code">
.icon160{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon160::before{
position: relative;
width: 8px;
height: 2px;
content: '';
left: 18px;
top: -2px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.icon160::after{
position: relative;
width: 10px;
height: 10px;
content: '';
left: -3px;
top: 4px;
float: left;
border: 2px solid #fff;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-ms-border-radius: 12px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon161"> </span>
<pre class="code">
.icon161{
float: left;
width: 28px;
height: 18px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon161::before{
content: '';
position: relative;
top: -4px;
left: 3px;
float: left;
background: #555;
width: 24px;
height: 2px;
border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
-webkit-border-radius: 2px 0 0 2px;
-ms-border-radius: 2px 0 0 2px;
transform: rotate(25deg);
-moz-transform: rotate(25deg);
-webkit-transform: rotate(25deg);
-o-transform: rotate(25deg);
-ms-transform: rotate(25deg)
}
.icon161::after{
content: '';
position: relative;
top: -18px;
left: 28px;
float: left;
background: #555;
width: 2px;
height: 6px;
border-radius: 0 2px 2px 0;
-moz-border-radius: 0 2px 2px 0;
-webkit-border-radius: 0 2px 2px 0;
-ms-border-radius: 0 2px 2px 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon162"> </span>
<pre class="code">
.icon162{
float: left;
height: 8px;
width: 24px;
border: 4px solid #555;
border-left-width: 0;
border-right-width: 0
}
.icon162::before{
content: '';
position: relative;
top: -10px;
left: 18px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-bottom-color: #555;
border-left-color: #555
}
.icon162::after{
content: '';
position: relative;
top: 8px;
left: -14px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #555;
border-right-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon163"> </span>
<pre class="code">
.icon163{
float: left;
height: 8px;
width: 24px;
border: 4px solid #555;
border-left-width: 0;
border-right-width: 0
}
.icon163::before{
content: '';
position: relative;
top: -7px;
left: 20px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-left-color: #555;
border-left-width: 7px;
border-right-width: 0
}
.icon163::after{
content: '';
position: relative;
top: 5px;
left: -9px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-right-color: #555;
border-right-width: 7px;
border-left-width: 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon164"> </span>
<pre class="code">
.icon164{
float: left;
width: 12px;
height: 12px;
border: 2px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon164::before{
content: '';
position: relative;
top: 10px;
left: 12px;
float: left;
width: 5px;
height: 9px;
background: #555;
border-radius: 0 0 4px 4px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon165"> </span>
<pre class="code">
.icon165{
float: left;
width: 12px;
height: 12px;
border: 2px solid #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon165::before{
content: '';
position: relative;
top: 10px;
left: -4px;
float: left;
width: 5px;
height: 9px;
background: #555;
border-radius: 0 0 4px 4px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon166"> </span>
<pre class="code">
.icon166{
float: left;
width: 14px;
height: 14px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon166::before{
content: '';
position: relative;
top: 10px;
left: 12px;
float: left;
width: 5px;
height: 9px;
background: #555;
border-radius: 0 0 4px 4px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon167"> </span>
<pre class="code">
.icon167{
float: left;
width: 14px;
height: 14px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon167::before{
content: '';
position: relative;
top: 11px;
left: -2px;
float: left;
width: 5px;
height: 8px;
background: #555;
border-radius: 0 0 4px 4px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon168"> </span>
<pre class="code">
.icon168{
float: left;
width: 26px;
height: 26px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon168::before{
content: '';
position: relative;
top: 3px;
left: 3px;
float: left;
width: 12px;
height: 12px;
border: 2px solid #fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon168::after{
content: '';
position: relative;
top: 14px;
left: 0;
float: left;
width: 5px;
height: 9px;
background: #fff;
border-radius: 0 0 4px 4px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon169"> </span>
<pre class="code">
.icon169{
float: left;
width: 26px;
height: 26px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon169::before{
content: '';
position: relative;
top: 3px;
left: 7px;
float: left;
width: 12px;
height: 12px;
border: 2px solid #fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon169::after{
content: '';
position: relative;
top: 15px;
left: -10px;
float: left;
width: 5px;
height: 9px;
background: #fff;
border-radius: 0 0 4px 4px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon170"> </span>
<pre class="code">
.icon170{
float: left;
width: 26px;
height: 26px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon170::before{
content: '';
position: relative;
top: 3px;
left: 3px;
float: left;
width: 14px;
height: 14px;
background: #fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon170::after{
content: '';
position: relative;
top: 12px;
left: 1px;
float: left;
width: 5px;
height: 9px;
background: #fff;
border-radius: 0 0 4px 4px;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon171"> </span>
<pre class="code">
.icon171{
float: left;
width: 26px;
height: 26px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon171::before{
content: '';
position: relative;
top: 3px;
left: 9px;
float: left;
width: 14px;
height: 14px;
background: #fff;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon171::after{
content: '';
position: relative;
top: 13px;
left: -7px;
float: left;
width: 5px;
height: 8px;
background: #fff;
border-radius: 0 0 4px 4px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon172"> </span>
<pre class="code">
.icon172{
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
border-right-width: 12px;
transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg)
}
.icon172::before{
position: relative;
content: '';
left: -12px;
top: -6px;
width: 0;
height: 0;
/* float: left;*/
display: block;
border: 16px solid transparent;
border-top-color: #555;
border-top-width: 12px;
transform: rotate(15deg);
-moz-transform: rotate(15deg);
-webkit-transform: rotate(15deg);
-o-transform: rotate(15deg);
-ms-transform: rotate(15deg)
}
.icon172::after{
position: relative;
content: '';
left: -1px;
top: -58px;
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-left-color: #555;
border-left-width: 11px;
transform: rotate(40deg);
-moz-transform: rotate(40deg);
-webkit-transform: rotate(40deg);
-o-transform: rotate(40deg);
-ms-transform: rotate(40deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon173"> </span>
<pre class="code">
.icon173{
width: 32px;
height: 32px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon173::before{
position: relative;
content: '';
left: -4px;
top: 3px;
width: 26px;
height: 26px;
float: left;
background: #fff;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon174"> </span>
<pre class="code">
.icon174{
width: 28px;
height: 16px;
float: left;
background: #555;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
.icon174::before{
position: relative;
content: '';
left: -6px;
top: -38px;
width: 0;
height: 0;
float: left;
border: 20px solid transparent;
border-bottom-width: 18px;
border-bottom-color: #555
}
.icon174::after{
position: relative;
content: '';
left: 6px;
top: -32px;
width: 8px;
height: 10px;
float: left;
background: #fff;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon175"> </span>
<pre class="code">
.icon175{
width: 20px;
height: 12px;
float: left;
border: 4px solid #555;
border-top-width: 0;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
.icon175::before{
position: relative;
content: '';
left: -10px;
top: -38px;
width: 0;
height: 0;
float: left;
border: 20px solid transparent;
border-bottom-width: 18px;
border-bottom-color: #555
}
.icon175::after{
position: relative;
content: '';
left: -4px;
top: -54px;
width: 8px;
height: 10px;
float: left;
background: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon176"> </span>
<pre class="code">
.icon176{
width: 20px;
height: 12px;
float: left;
border: 4px solid #555;
border-top-width: 0;
border-radius: 0 0 2px 2px;
-moz-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
.icon176::before{
position: relative;
content: '';
left: -4px;
top: -13px;
width: 16px;
height: 16px;
float: left;
border: 6px solid transparent;
border-top-color: #555;
border-left-color: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon176::after{
position: relative;
content: '';
left: 4px;
top: -26px;
width: 8px;
height: 10px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon177"> </span>
<pre class="code">
.icon177{
width: 0;
height: 0;
float: left;
border: 18px solid transparent;
border-bottom-color: #555
}
.icon177::before{
position: relative;
content: '';
left: -13px;
top: -10px;
width: 26px;
height: 24px;
/* float: left; */
display: block;
background: #555;
border-radius: 22px 22px 0 0;
-moz-border-radius: 22px 22px 0 0;
-webkit-border-radius: 22px 22px 0 0;
-ms-border-radius: 22px 22px 0 0
}
.icon177::after{
position: relative;
content: '';
left: -8px;
top: -35px;
width: 16px;
height: 16px;
float: left;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon178"> </span>
<pre class="code">
.icon178{
width: 32px;
height: 24px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon178::before{
position: relative;
content: '';
left: 4px;
top: -6px;
width: 4px;
height: 8px;
float: left;
background: #555;
border: 2px solid #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
.icon178::after{
position: relative;
content: '';
left: 10px;
top: -6px;
width: 4px;
height: 8px;
float: left;
background: #555;
border: 2px solid #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-ms-border-radius: 3px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon179"> </span>
<pre class="code">
.icon179{
width: 16px;
height: 12px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon179::before{
position: relative;
content: '';
left: 3px;
top: -5px;
width: 16px;
height: 12px;
float: left;
background: #555;
border: 1px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon179::after{
position: relative;
content: '';
left: 7px;
top: -43px;
width: 16px;
height: 12px;
float: left;
background: #555;
border: 1px solid #fff;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon180"> </span>
<pre class="code">
.icon180{
width: 28px;
height: 6px;
float: left;
border: 2px solid #555;
border-top-width: 0;
border-radius: 0 0 1px 1px;
-moz-border-radius: 0 0 1px 1px;
-webkit-border-radius: 0 0 1px 1px;
-ms-border-radius: 0 0 1px 1px
}
.icon180::before{
position: relative;
content: '';
left: 4px;
top: -6px;
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-top-color: #555;
border-top-width: 8px
}
.icon180::after{
position: relative;
content: '';
left: 8px;
top: -38px;
width: 4px;
width: 12px;
height: 12px;
float: left;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon181"> </span>
<pre class="code">
.icon181{
width: 28px;
height: 6px;
float: left;
border: 2px solid #555;
border-top-width: 0;
border-radius: 0 0 1px 1px;
-moz-border-radius: 0 0 1px 1px;
-webkit-border-radius: 0 0 1px 1px;
-ms-border-radius: 0 0 1px 1px
}
.icon181::before{
position: relative;
content: '';
left: 4px;
top: -26px;
width: 0;
height: 0;
float: left;
border: 10px solid transparent;
border-bottom-color: #555;
border-bottom-width: 8px
}
.icon181::after{
position: relative;
content: '';
left: 8px;
top: -30px;
width: 4px;
width: 12px;
height: 12px;
float: left;
background: #555;
border-radius: 0 0 2px 2px;
-mos-border-radius: 0 0 2px 2px;
-webkit-border-radius: 0 0 2px 2px;
-ms-border-radius: 0 0 2px 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon182"> </span>
<pre class="code">
.icon182{
width: 28px;
height: 28px;
float: left;
border: 4px solid #555;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
-ms-border-radius: 24px
}
.icon182::before{
position: relative;
content: '';
left: 3px;
top: 3px;
width: 14px;
height: 14px;
float: left;
border: 4px solid #555;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.icon182::after{
position: relative;
content: '';
left: 10px;
top: -12px;
width: 4px;
height: 24px;
float: left;
background: #555;
border: 2px solid #fff
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon183"> </span>
<pre class="code">
.icon183{
width: 28px;
height: 28px;
float: left;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
-ms-border-radius: 24px
}
.icon183::before{
position: relative;
content: '';
left: 3px;
top: 3px;
width: 14px;
height: 14px;
float: left;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.icon183::after{
position: relative;
content: '';
left: -10px;
top: -12px;
width: 4px;
height: 24px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon184"> </span>
<pre class="code">
.icon184{
width: 28px;
height: 28px;
float: left;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
-ms-border-radius: 24px
}
.icon184::before{
position: relative;
content: '';
left: 3px;
top: 3px;
width: 14px;
height: 14px;
float: left;
border: 4px solid #555;
border-top-color: transparent;
border-bottom-color: transparent;
border-radius: 14px;
-moz-border-radius: 14px;
-webkit-border-radius: 14px;
-ms-border-radius: 14px
}
.icon184::after{
position: relative;
content: '';
left: -11px;
top: -9px;
width: 6px;
height: 6px;
float: left;
background: #555;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-ms-border-radius: 6px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon185"> </span>
<pre class="code">
.icon185{
float: left;
width: 18px;
height: 32px;
overflow: hidden
}
.icon185::before{
position: relative;
content: '';
top: 4px;
left: -23px;
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-right-color: #555;
border-right-width: 12px;
transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
-webkit-transform: rotate(-15deg);
-o-transform: rotate(-15deg);
-ms-transform: rotate(-15deg)
}
.icon185::after{
position: relative;
content: '';
left: -15px;
top: -40px;
width: 0;
height: 0;
float: left;
border: 16px solid transparent;
border-top-color: #555;
border-top-width: 12px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon186"> </span>
<pre class="code">
.icon186{
float: left;
width: 26px;
height: 20px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon186::before{
position: relative;
content: '';
top: 20px;
left: 2px;
float: left;
width: 10px;
height: 8px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
.icon186::after{
position: relative;
content: '';
top: 28px;
left: -9px;
float: left;
width: 5px;
height: 4px;
background: #555;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-ms-border-radius: 16px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon187"> </span>
<pre class="code">
.icon187{
width: 0;
height: 0;
float: left;
border-style: solid;
border-color: transparent;
border-top-color: #555;
border-width: 6px;
border-top-width: 24px;
transform: rotate(30deg);
-moz-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
-o-transform: rotate(30deg);
-ms-transform: rotate(30deg)
}
.icon187::before{
position: relative;
content: '';
left: -8px;
top: -22px;
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-bottom-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon188"> </span>
<pre class="code">
.icon188{
width: 28px;
height: 28px;
float: left;
border: 2px solid transparent;
border-top-color: #555;
border-left-color: #555;
border-radius: 16px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon188::before{
content: '';
left: 25px;
top: ;
position: relative;
width: 8px;
height: 12px;
float: left;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
border-radius: 2px 4px 4px 2px;
-moz-border-radius: 2px 4px 4px 2px;
-webkit-border-radius: 2px 4px 4px 2px;
-ms-border-radius: 2px 4px 4px 2px
}
.icon188::after{
content: '';
left: -6px;
top: 22px;
position: relative;
width: 8px;
height: 12px;
float: left;
background: #555;
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
border-radius: 4px 2px 2px 4px;
-moz-border-radius: 4px 2px 2px 4px;
-webkit-border-radius: 4px 2px 2px 4px;
-ms-border-radius: 4px 2px 2px 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon189"> </span>
<pre class="code">
.icon189{
width: 8px;
height: 8px;
float: left;
border: 14px solid #fff;
border-bottom-color: #555;
border-left-color: #555;
background: #555;
border-radius: 26px;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
-ms-border-radius: 26px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon190"> </span>
<pre class="code">
.icon190{
width: 8px;
height: 8px;
float: left;
border: 14px solid #fff;
border-bottom-color: #555;
border-left-color: #555;
background: #555;
border-radius: 26px;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
-ms-border-radius: 26px
}
.icon190::before{
position: relative;
content: '';
left: -3px;
top: -11px;
height: 14px;
width: 14px;
float: left;
border: 4px solid transparent;
border-top-color: #555;
border-right-color: #555;
border-radius: 26px;
-moz-border-radius: 26px;
-webkit-border-radius: 26px;
-ms-border-radius: 26px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon191"> </span>
<pre class="code">
.icon191{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon191::before{
position: relative;
width: 16px;
height: 4px;
content: '';
left: 5.5px;
top: -6px;
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon192"> </span>
<pre class="code">
.icon192{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon192::before{
position: relative;
width: 16px;
height: 4px;
content: '';
left: 5.5px;
top: -6px;
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon193"> </span>
<pre class="code">
.icon193{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon193::before{
position: relative;
left: 5.5px;
top: -6px;
width: 16px;
height: 4px;
content: '';
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
.icon193::after{
content: '';
position: relative;
left: 7px;
top: -16px;
width: 10px;
height: 14px;
float: left;
border: 4px solid #fff;
border-top-width: 0;
border-bottom-width: 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon194"> </span>
<pre class="code">
.icon194{
width: 32px;
height: 22px;
float: left;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon194::before{
position: relative;
left: 5.5px;
top: -6px;
width: 16px;
height: 4px;
content: '';
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
.icon194::after{
content: '';
position: relative;
left: 3px;
top: -20px;
width: 22px;
height: 22px;
float: left;
border: 2px solid #fff;
border-top-width: 0;
border-bottom-width: 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon195"> </span>
<pre class="code">
.icon195{
width: 28px;
height: 18px;
float: left;
border: 2px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon195::before{
position: relative;
width: 16px;
height: 4px;
content: '';
left: 3.5px;
top: -8px;
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon196"> </span>
<pre class="code">
.icon196{
width: 28px;
height: 18px;
float: left;
border: 2px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon196::before{
position: relative;
width: 16px;
height: 4px;
content: '';
left: 3.5px;
top: -8px;
float: left;
border: 2px solid #555;
border-bottom: none;
border-radius: 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0;
-ms-border-radius: 6px 6px 0 0
}
.icon196::after{
content: '';
position: relative;
left: 5px;
top: -18px;
width: 10px;
height: 14px;
float: left;
border: 4px solid #555;
border-top-width: 0;
border-bottom-width: 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon197"> </span>
<pre class="code">
.icon197{
float: left;
width: 8px;
height: 14px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.icon197::before{
content: '';
position: relative;
top: -6px;
left: 11px;
float: left;
width: 8px;
height: 20px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.icon197::after{
content: '';
position: relative;
top: -52px;
left: 22px;
float: left;
width: 8px;
height: 26px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon198"> </span>
<pre class="code">
.icon198{
float: left;
width: 8px;
height: 10px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon198::before{
content: '';
position: relative;
top: -6px;
left: 11px;
float: left;
width: 12px;
height: 16px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon198::after{
content: '';
position: relative;
top: -36px;
left: 26px;
float: left;
width: 8px;
height: 10px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon199"> </span>
<pre class="code">
.icon199{
float: left;
width: 8px;
height: 14px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.icon199::before{
content: '';
position: relative;
top: -14px;
left: 11px;
float: left;
width: 8px;
height: 28px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
.icon199::after{
content: '';
position: relative;
top: -56px;
left: 22px;
float: left;
width: 8px;
height: 22px;
background: #555;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon200"> </span>
<pre class="code">
.icon200{
overflow: hidden;
float: left;
width: 28px;
height: 22px;
border: 2px solid #555
}
.icon200::before{
content: '';
position: relative;
top: 11px;
left: -6px;
float: left;
width: 18px;
height: 18px;
border: 2px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon200::after{
content: '';
position: relative;
top: -13px;
left: 6px;
float: left;
width: 22px;
height: 22px;
background: #fff;
border: 2px solid transparent;
border-left-color: #555;
border-top-color: #555;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon201"> </span>
<pre class="code">
.icon201{
float: left;
width: 12px;
height: 12px;
border: 4px solid transparent;
border-left-color: #555;
border-top-color: #555;
border-bottom-width: 0;
border-right-width: 0;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg)
}
.icon201::before{
position: relative;
top: -10px;
left: 2px;
content: '';
float: left;
width: 16px;
height: 4px;
background: #555;
transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
-ms-transform: rotate(-90deg)
}
.icon201::after{
position: relative;
top: -50px;
left: 4.4px;
content: '';
float: left;
width: 0;
height: 0;
border: 6px solid transparent;
border-bottom-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon202"> </span>
<pre class="code">
.icon202{
float: left;
width: 8px;
height: 8px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon202::before{
content: '';
position: relative;
top: -6px;
left: 12px;
float: left;
width: 8px;
height: 8px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon202::after{
content: '';
position: relative;
top: -20px;
left: 22px;
float: left;
width: 8px;
height: 8px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon203"> </span>
<pre class="code">
.icon203{
float: left;
width: 4px;
height: 12px;
border: 0 solid #555;
border-left-width: 12px;
border-right-width: 12px
}
.icon203::before{
content: '';
position: relative;
top: 16px;
left: -12px;
float: left;
width: 4px;
height: 12px;
border: 0 solid #555;
border-left-width: 12px;
border-right-width: 12px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon204"> </span>
<pre class="code">
.icon204{
float: left;
width: 18px;
height: 22px;
border: 2px solid #555;
border-left-width: 12px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon204::before{
content: '';
position: relative;
top: 3px;
left: -4px;
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-right-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon205"> </span>
<pre class="code">
.icon205{
float: left;
width: 18px;
height: 22px;
border: 2px solid #555;
border-right-width: 12px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon205::before{
content: '';
position: relative;
top: 3px;
left: 5px;
width: 0;
height: 0;
float: left;
border: 8px solid transparent;
border-left-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon206"> </span>
<pre class="code">
.icon206{
width: 28px;
height: 14px;
float: left;
border: 2px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon206::before{
position: relative;
width: 24px;
height: 10px;
content: '';
left: 2px;
top: 2px;
float: left;
background: #555
}
.icon206::after{
position: relative;
width: 2px;
height: 8px;
content: '';
left: 30px;
top: -17px;
float: left;
background: #555;
border-radius: 0 1px 1px 0;
-moz-border-radius: 0 1px 1px 0;
-webkit-border-radius: 0 1px 1px 0;
-ms-border-radius: 0 1px 1px 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon207"> </span>
<pre class="code">
.icon207{
width: 28px;
height: 14px;
float: left;
border: 2px solid #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon207::before{
position: relative;
width: 16px;
height: 10px;
content: '';
left: 2px;
top: 2px;
float: left;
background: #555
}
.icon207::after{
position: relative;
width: 2px;
height: 8px;
content: '';
left: 14px;
top: 3px;
float: left;
background: #555;
border-radius: 0 1px 1px 0;
-moz-border-radius: 0 1px 1px 0;
-webkit-border-radius: 0 1px 1px 0;
-ms-border-radius: 0 1px 1px 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon208"> </span>
<pre class="code">
.icon208{
width: 32px;
height: 18px;
float: left;
background: #555;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px
}
.icon208::before{
position: relative;
content: '';
left: 6px;
top: -6px;
width: 18px;
height: 18px;
float: left;
background: #555;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon209"> </span>
<pre class="code">
.icon209{
width: 32px;
height: 18px;
float: left;
background: #555;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-ms-border-radius: 10px
}
.icon209::before{
position: relative;
content: '';
left: 6px;
top: -6px;
width: 18px;
height: 18px;
float: left;
background: #555;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
.icon209::after{
position: relative;
content: '';
left: 12px;
top: -11px;
width: 12px;
height: 12px;
float: left;
background: #555;
border-radius: 22px;
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
-ms-border-radius: 22px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon210"> </span>
<pre class="code">
.icon210{
float: left;
width: 26px;
height: 32px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon210::before{
content: '';
position: relative;
top: -1px;
left: 14px;
float: left;
width: 0;
height: 0;
border: 6px solid #fff;
border-bottom-color: #555;
border-left-color: #555;
outline: 2px solid #fff;
outline-radius: 2px;
-moz-outline-radius: 2px;
-webkit-outline-radius: 2px;
-ms-outline-radius: 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon211"> </span>
<pre class="code">
.icon211{
float: left;
width: 26px;
height: 32px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon211::before{
content: '';
position: relative;
top: -1px;
left: 14px;
float: left;
width: 0;
height: 0;
border: 6px solid #fff;
border-bottom-color: #555;
border-left-color: #555;
outline: 2px solid #fff;
outline-radius: 2px;
-moz-outline-radius: 2px;
-webkit-outline-radius: 2px;
-ms-outline-radius: 2px;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon211::after{
content: '';
position: relative;
top: 0;
left: -8px;
float: left;
width: 2px;
height: 32px;
background: #fff
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon212"> </span>
<pre class="code">
.icon212{
float: left;
width: 26px;
height: 32px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon212::before{
content: '';
position: relative;
top: -2px;
left: 8px;
float: left;
width: 8px;
height: 2px;
border: 2px solid #fff;
border-bottom-width: 1px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon213"> </span>
<pre class="code">
.icon213{
float: left;
width: 17px;
height: 4px;
background: #555;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px
}
.icon213::before{
content: '';
position: relative;
top: -5px;
left: -6px;
float: left;
width: 10px;
height: 6px;
border: 4px solid #555;
border-right-color: transparent;
border-right-width: 0;
border-radius: 4px 2px 2px 4px;
-moz-border-radius: 4px 2px 2px 4px;
-webkit-border-radius: 4px 2px 2px 4px;
-ms-border-radius: 4px 2px 2px 4px
}
.icon213::after{
content: '';
position: relative;
top: -39px;
left: 9px;
float: left;
width: 10px;
height: 6px;
border: 4px solid #555;
border-left-color: transparent;
border-left-width: 0;
border-radius: 2px 4px 4px 2px;
-moz-border-radius: 2px 4px 4px 2px;
-webkit-border-radius: 2px 4px 4px 2px;
-ms-border-radius: 2px 4px 4px 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon214"> </span>
<pre class="code">
.icon214{
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
.icon214::before{
position: relative;
content: '';
top: -7px;
left: -2px;
float: left;
width: 10px;
height: 14px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon215"> </span>
<pre class="code">
.icon215{
width: 0;
height: 0;
float: left;
border: 12px solid transparent;
border-right-color: #555
}
.icon215::before{
position: relative;
content: '';
top: -7px;
left: -2px;
/* float: left; */
display: block;
width: 10px;
height: 14px;
background: #555;
border-radius: 2px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
-ms-border-radius: 2px
}
.icon215::after{
position: relative;
float: left;
top: -45px;
left: 0;
content: '';
width: 14px;
height: 14px;
border: 4px solid transparent;
border-right-color: #555;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon216"> </span>
<pre class="code">
.icon216{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon217"> </span>
<pre class="code">
.icon217{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
.icon217::before{
position: relative;
float: left;
top: -4px;
left: 3px;
content: '';
width: 14px;
height: 14px;
border: 3px solid transparent;
border-right-color: #555;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon218"> </span>
<pre class="code">
.icon218{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
.icon218::before{
position: relative;
float: left;
top: -4px;
left: 3px;
content: '';
width: 14px;
height: 14px;
border: 3px solid transparent;
border-right-color: #555;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px
}
.icon218::after{
position: relative;
float: left;
top: -47px;
left: 5px;
content: '';
width: 18px;
height: 18px;
border: 4px solid transparent;
border-right-color: #555;
border-radius: 18px;
-moz-border-radius: 18px;
-webkit-border-radius: 18px;
-ms-border-radius: 18px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon219"> </span>
<pre class="code">
.icon219{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
.icon219::before{
position: relative;
float: left;
top: 3px;
left: 18px;
content: '';
background: #555;
width: 12px;
height: 4px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon220"> </span>
<pre class="code">
.icon220{
float: left;
width: 10px;
height: 12px;
background: #555;
border: 6px solid #fff;
border-right-color: #555;
border-radius: 8px 4px 4px 8px;
-moz-border-radius: 8px 4px 4px 8px;
-webkit-border-radius: 8px 4px 4px 8px;
-ms-border-radius: 8px 4px 4px 8px
}
.icon220::before{
position: relative;
float: left;
top: 3px;
left: 18px;
content: '';
background: #555;
width: 12px;
height: 4px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
.icon220::after{
position: relative;
float: left;
top: -5px;
left: 22px;
content: '';
background: #555;
width: 4px;
height: 12px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon221"> </span>
<pre class="code">
.icon221{
float: left;
width: 22px;
height: 3px;
background: #555
}
.icon221::before{
content: '';
position: relative;
top: -6px;
left: 19px;
float: left;
width: 6px;
height: 8px;
border: 3px solid #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px
}
.icon221::after{
content: '';
position: relative;
top: 2px;
left: -8px;
float: left;
background: #555;
width: 6px;
height: 6px;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-ms-border-radius: 1px
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon222"> </span>
<pre class="code">
.icon222{
float: left;
width: 22px;
height: 3px;
background: #555
}
.icon222::before{
content: '';
position: relative;
top: -6px;
left: 19px;
float: left;
width: 6px;
height: 8px;
border: 3px solid #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px
}
.icon222::after{
content: '';
position: relative;
top: -18px;
left: 2px;
float: left;
width: 0;
height: 0;
border: 5px solid transparent;
border-top-color: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon223"> </span>
<pre class="code">
.icon223{
float: left;
width: 22px;
height: 3px;
background: #555
}
.icon223::before{
content: '';
position: relative;
top: -6px;
left: 19px;
float: left;
width: 6px;
height: 8px;
border: 3px solid #555;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px
}
.icon223::after{
content: '';
position: relative;
top: -17px;
left: 3px;
float: left;
width: 3px;
height: 4px;
border-right: 3px solid #555;
border-left: 3px solid #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon224"> </span>
<pre class="code">
.icon224{
float: left;
width: 12px;
border: 18px solid transparent;
border-top-color: #555;
border-left-width: 2px;
border-right-width: 2px
}
.icon224::before{
content: '';
position: relative;
top: -20px;
left: -4px;
float: left;
background: #555;
width: 20px;
height: 6px;
border-radius: 2px 2px 1px 1px;
-moz-border-radius: 2px 2px 1px 1px;
-webkit-border-radius: 2px 2px 1px 1px;
-ms-border-radius: 2px 2px 1px 1px
}
.icon224::after{
content: '';
position: relative;
top: -28px;
left: 3px;
float: left;
background: #555;
width: 6px;
height: 2px;
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
-ms-border-radius: 2px 2px 0 0
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon225"> </span>
<pre class="code">
.icon225{
float: left;
width: 12px;
height: 14px;
background: linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%);
background: -moz-linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%);
background: -webkit-linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%);
background: -o-linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%);
background: -ms-linear-gradient(left,#555 20%,transparent 20%,transparent 40%,#555 40%,#555 60%,transparent 60%,transparent 80%,#555 80%)
}
.icon225::before{
content: '';
position: relative;
top: -6px;
left: -4px;
float: left;
width: 16px;
height: 18px;
border: 2px solid #555;
border-top-width: 4px
}
.icon225::after{
content: '';
position: relative;
top: -32px;
left: 2px;
float: left;
width: 8px;
height: 2px;
background: #555
}
</pre>
</div>
<div class="icon-wrap">
<span class="icon icon226"> </span>
<pre class="code">
.icon226{
float: left;
width: 16px;
height: 20px;
border: 2px solid #555;
background: -linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%);
background: -moz-linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%);
background: -webkit-linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%);
background: -o-linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%);
background: -ms-linear-gradient(left,transparent 20%,#555 20%,#555 40%,transparent 40%,transparent 60%,#555 60%,#555 80%,transparent 80%)
}
.icon226::before{
content: '';
position: relative;
top: -6px;
left: -4px;
float: left;
width: 20px;
height: 4px;
border: 2px solid #555;
border-bottom-width: 0
}
.icon226::after{
content: '';
position: relative;
top: -14px;
left: 3px;
float: left;
width: 11px;
height: 2px;
background: #555
}
</pre>
</div>
<div style="clear:both"></div>
</div>
</body>
</html>
!
