Reload Icon in CSS

dabblet.css

/**
 * Reload Icon in CSS
 */

body {
font: 14px/20px Helvetica Neue, Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
text-shadow:0 0 1px rgba(0,0,0,0.01);
-webkit-text-stroke:1px transparent;
text-rendering:optimizeLegibility;
padding:20px;
}

a {text-decoration:none;}
a.button.reload {
height:5px;
width:5px;
border-radius:6px;
display:block;
border:2px solid #8d8d8d;
}


a.button.reload:before {
content:'▶';
display:block;
position:relative;
top:-9px;
right:0px;
color:#8d8d8d;
font:normal normal 14px/16px "Arial Unicode MS","Microsoft Sans Serif","Free Sans","Gentium Plus","Gentium Basic","Gentium","GentiumAlt","DejaVu Sans","DejaVu Serif","Free Serif","TITUS Cyberbit Basic","Bitstream Cyberbit","Bitstream CyberBase","Doulos SIL","Code2000","Code2001";
text-shadow:1px 2px white;
}

dabblet.html

<a href="#" class="button reload"></a>

settings.json

{"view":"separate","fontsize":"80","seethrough":"","prefixfree":"","page":"all"}