Простые стрелочки

Кнопка влево

Кнопка вправо

Кнопка вверх

Кнопка вниз

Код HTML

<div class="button"><span>Кнопка влево</span><div class="arrow arrowLeft"></div></div>
<div class="button"><span>Кнопка вправо</span><div class="arrow arrowRight"></div></div>
<div class="button"><span>Кнопка вверх</span><div class="arrow arrowTop"></div></div>
<div class="button"><span>Кнопка вниз</span><div class="arrow arrowBottom"></div></div>

Код CSS

.arrow{
    border-bottom: 1px solid;
    border-right: 1px solid;
    width: 8px;
    height: 8px;
    vertical-align: middle;
    display: inline-block;
    margin-left: 10px;
}
.arrowLeft{
    -webkit-transform: scale(.75) rotate(135deg);
    -moz-transform: scale(.75) rotate(135deg);
    -ms-transform: scale(.75) rotate(135deg);
    transform: scale(.75) rotate(135deg);
	
}
.arrowRight{
    -webkit-transform: scale(.75) rotate(-45deg);
    -moz-transform: scale(.75) rotate(-45deg);
    -ms-transform: scale(.75) rotate(-45deg);
    transform: scale(.75) rotate(-45deg);
	
}
.arrowTop{
    -webkit-transform: scale(.75) rotate(-135deg);
    -moz-transform: scale(.75) rotate(-135deg);
    -ms-transform: scale(.75) rotate(-135deg);
    transform: scale(.75) rotate(-135deg);
	
}
.arrowBottom{
    -webkit-transform: scale(.75) rotate(45deg);
    -moz-transform: scale(.75) rotate(45deg);
    -ms-transform: scale(.75) rotate(45deg);
    transform: scale(.75) rotate(45deg);

}