Vamos a demostrar un ejemplo con un código HTML simple como este:

<div data-icon="\25B6">Title</div>

Me gustaría que este elemento tenga un icono de prefijo establecido por su atributo de datos (icono de datos), así que configuro el archivo CSS de esta manera:

div:before {
    content: attr(data-icon);
}

Mi salida deseada de este ejemplo se vería así:

▶Title

En lugar de la salida deseada, todo lo que puedo obtener es esto:

\25B6Title

Entonces mi pregunta es: ¿qué estoy haciendo mal / qué me estoy perdiendo?

Ejemplo de JSFiddle:http://jsfiddle.net/Lqgr9zv6/