.
ʡ CSS Sprite . background-position CSS.

ǡ font-family CSS .
HTML CSS Font Awsome 15 HTML CSS HTML :
<span class="icon-search"></span>
1
 <span class="icon-search"></span>


CSS :
.icon-search{ width: 20px; height: 20px; border: 4px solid #000; display:block; border-radius: 50%; position: relative; } .icon-search:after{ content: ''; position: absolute; left:0; bottom: -20px; width: 4px; height: 20px; background: #000; transform: rotate(21deg); -webkit-transform: rotate(21deg); }
1
2
3
4
5
6
7
8
9
10
11
12
13

14
15
16
17
18
19
 .icon-search{
width: 20px;
height: 20px;
border: 4px solid #000;
display:block;
border-radius: 50%;
position: relative;
}
.icon-search:after{

content: '';
position: absolute;
left:0;
bottom: -20px;
width: 4px;
height: 20px;
background: #000;
transform: rotate(21deg);

-webkit-transform: rotate(21deg);
}


() .
.