CSS로 그리는 아이콘입니다.

http://codepen.io/eond/pen/qNNMxw

ie9 이상에서만 가능합니다.

[css]

html,body{display:flex;width:100%;height:100%;background:#f1f1f1}

.arrow{display:block;position:relative;width:100px;height:100px;margin:auto;border:2px solid #ccc;border-radius:50%}
.arrow::before{display:block;content:'';position:absolute;
  top:35px;left:30px;
  width:45px;height:4px;
  border-radius:0px;  background:#ccc;transform:rotate(45deg)}
.arrow::after{
 display:block;content:'';position:absolute;
  top:65px;left:30px;
  width:45px;height:4px;
  border-radius:0px;background:#ccc;
  transform:rotate(-45deg)}