Question

I’ve managed to create a reload icon in pure css, but is uses a character that may break on some systems. I know that one can create a triangle in css, and that it can be applied to pseudo elements, but I have not been able to replicate the results for my reload icon.

Fiddle with it here.

Answer 1

How about

.reload.b::before {
    content:'';
    top: -4px;
    left: 3px;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 4px solid grey;
    z-index: 1;
}

Demo http://jsfiddle.net/xas5w/2/