HTML - iconos en la web

hola, como puedo obtener este resultado al cargar los iconos en mi pagina web.

He visto en algunas paginas que mientras carga la pagina y los iconos, se muestra un símbolo como un rectángulo y luego aparece el icono. lo pueden ver en la imagen adjunta.

Hola Victor, la verdad es que no me suena haber visto esto que comentas... en que página lo has visto? puede ser que sea el recuadro del <img> mientras no se carga?

Has probado con otro navegador haber si te hace el mismo efecto?

Hola Victor!
Lo que tu quieres hacer es sencillo, existe una libreria en CSS de iconos llamada Font Awesome, y cuando carga la pagina los iconos se ven en cuadro como tu imagen, una vez que carga bien la libreria se convierte en el icono.
Un ejemplo de uso de la libreria es la siguiente:

Siempre debes de cocar la clase fa fa-nombre-del-icono

Saludos!!!

Gracias, implementaré esa técnica

Hola Victor,
creo que es un problema de directorios, es decir, que no te te esta detectando bien el directorio raíz de la web, y por eso te hace eso.
En el ejemplo que pones sale uno si y otro no.

Un saludo,
David
estudio de diseño grafico

no es problema de directorios, en el ejemplo: la primera imagen se observa mientras carga la pagina y luego sale el icono como se ve en la segunda imagen.

Como cargas la imagen? jQuery??? CSS??... Si lo haces con jQuery, la imagen debe cargar cuando el DOM este listo, es decir, cuando la página esté cargada. Si lo haces con CSS, no debe hacer eso.

Hay soluciones con Primefaces y Bootstrap a esto que van muy bien. Te aconsejo Bootstrap ya que Primefaces te obliga a meter JSF.

Un saludo.

la imagen la cargo con css, la cual es un mosaico de iconos y los muestro con background-position. pero la solución es la que dice Diego (con librerías de iconos vectoriales)

No me había enterado, pensé que te había pasado con los iconos de awesome, pues a mi, alguna vez, me ha salido el cuadradito ese,cuando los directorios no estaba bien. Pero siempre pensé que hablábamos de la librería awesome.

Lo siento, no me he enterado.

Un saludo,
David
estudio de diseño grafico