Solución:
Si encuentras al personaje ↻ (↻), es decir, U + 21BB FLECHA DE CÍRCULO ABIERTO EN SENTIDO HORARIO, aceptable para sus necesidades (es posible que su flecha no esté colocada de la misma manera que en los íconos de recarga comunes), entonces puede usarlo con bastante seguridad:
.reload {
font-family: Lucida Sans Unicode
}<span class=reload>↻</span>La fuente Lucida Sans Unicode contiene el símbolo y está disponible en prácticamente cualquier sistema Windows que pueda encontrar en estos días. Según la información de MS, se incluyó incluso en Windows 98 (y Windows 95 plus).
Se puede esperar razonablemente que los sistemas que no sean Windows tengan el símbolo en algunos fuente y tener navegadores que sepan cómo recogerlo de algunos de ellos. Y las fuentes que lo contienen tienen formas bastante similares. (Pero si el símbolo debe coincidir estilísticamente con el texto de su documento, debe estudiar la situación con más detalle e intentar asegurarse de que todas las fuentes en su lista de fuentes, o “pila de fuentes”, lo contengan).
Carácter Unicode
Hay al menos dos caracteres Unicode que pueden servir como Actualizar o Recargar iconos:
- FLECHA DE CÍRCULO EN SENTIDO HORARIO
U + 27F3
⟳ - FLECHA DE CÍRCULO ABIERTO EN SENTIDO HORARIO
U + 21BB
↻
El primero no aparece en iOS 7, 8 o 9, ni en Safari ni en Chrome. Entonces, dado eso, y dada la respuesta de Paul D. White, recomiendo usar la segunda, FLECHA DE CÍRCULO ABIERTO EN SENTIDO HORARIO.
Consejo: si es usuario de Mac, obtenga la aplicación gratuita UnicodeChecker. Puede buscar caracteres por nombre y puede ver una lista de fuentes (en su Mac en particular) que contiene un glifo para ese carácter.
Fuente de icono
Algunas fuentes se han creado con iconos escalables basados en vectores en lugar de glifos de caracteres normales.
- Font Awesome, ver: fa-repeat
- Iconos de fuentes Vaadin
Si el navegador admite la carga de datos de imagen desde una cadena Base64, puede usar img y establece su src al siguiente formato:
data:[<mediatype>][;base64],<data>
Ejemplo:
var img = document.getElementById("yourImage");
img.src = "data:image/gif;base64,R0lGODlhEAAOALMAAOazToeHh0tLS/7LZv/0jvb29t/f3//Ub//ge8WSLf/rhf/3kdbW1mxsbP//mf///yH5BAAAAAAALAAAAAAQAA4AAARe8L1Ekyky67QZ1hLnjM5UUde0ECwLJoExKcppV0aCcGCmTIHEIUEqjgaORCMxIC6e0CcguWw6aFjsVMkkIr7g77ZKPJjPZqIyd7sJAgVGoEGv2xsBxqNgYPj/gAwXEQA7";<img id="yourImage" />