[Sergio Iglesias](https://sergioiglesias.net) · Blog sobre Joomla
# Una imagen vale más que mil palabras, y un icono también
[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net) 27 Abril 2015 [Recomendaciones](https://sergioiglesias.net/blog/recomendaciones) 2 - 3 minutos Visitas: 4037 -
- [ Blog Joomla ](https://sergioiglesias.net/etiquetas/blog-joomla)
- [ Marketing Online ](https://sergioiglesias.net/etiquetas/marketing-online)
Pues sí. Bien dice el título de este artículo. Una imagen vale más que mil palabras, y un icono también.
Cada vez es más frecuente el uso de iconos en nuestros sitios web. Un icono que ayuda al usuario a identificar un producto o un servicio.
Vamos a ver diferentes formas de **generar iconos para nuestro sitio web**.
### A través de CSS y tipos de fuente
Hace tiempo se utilizaban imágenes para generar este tipo de iconos que acompañan siempre a un producto o un servicio.
Ahora tenemos la posibilidad de **utilizar hojas de estilo y tipos de fuente** para incluirlos.
Ya no tenemos que emplear tiempo en crear una imagen, adaptarla y subirla a nuestro servidor.
Simplemente incluimos la fuente y, a través de diferentes clases, tenemos los **iconos en nuestro sitio web**.
Así de fácil.
#### Herramientas online para generar iconos mediante CSS y tipos de fuente
En la red disponemos de varias herramientas que nos permiten integrar iconos en nuestra web.
A continuación te presento algunas de ellas:
- [Font Awesome](http://fontawesome.io/): Quizás sea la más, o una de las más utilizadas. Con un solo tipo de fuente disponemos de 519 iconos. Estos iconos están dividios en varias categorías que hacen que su búsqueda sea más sencilla. No requiere javascript y es muy fácil de utilizar.
- [Entypo](http://www.entypo.com/): 411 iconos.
- [Iconia](http://work.scannerlicker.net/free/iconia-free-icon-font/).
- [Typicons](http://typicons.com/): 336 iconos.
Y hay muchas más. Solo es cuestión de buscar en Google.
Como ves, tenemos muchas opciones fáciles de implementar, integrar y utilizar.
Pero qué ocurre cuando, además de querer ese icono en este formato, lo queremos también tener como imagen.
Pues para eso tenemos **Iconion**.
---
### Herramienta de escritorio: Iconion
Tal y como nos cuentan en su web:
> Las fuentes de íconos son un excitante método que le da a los diseñadores de sitios web la escalabilidad, flexibilidad, y rendimiento para manipular los íconos. Pero, ¿qué pasa si Usted necesita usar esos íconos en escritorio o una aplicación de móviles? ¿O crear un sitio web favicon o un ícono multi-color?
>
> La única respuesta son íconos de imagenes pasadas de moda en formato png o ico. Iconion convierte sus íconos favoritos en íconos de imagenes modernas y coloridas
Esta herramienta de escritorio (compatible con MAC y Windows) nos permite crear una imagen de un icono a partir de algunas de las herramientas anteriores y convertirlas en formato png, bmp, jpeg o archivos ico.
Es fácil de utilizar y permite personalizarlas de forma casi casi ilimitada.
Y como más vale una imagen que mil palabras, aquí te dejo una captura:
---
Una buena herramienta y un gran recurso.
---
Si quieres más información y descargarla: [ iconion.com](http://iconion.com/es/)
[ Añadir a fuentes preferidas ](https://www.google.com/preferences/source?q=sergioiglesias.net)Gratuito · Primer paso recomendado
### ¿No sabes bien en qué estado
está tu web Joomla?
Antes de decidir si hay que arreglar, migrar o mantener, conviene saber qué está pasando. Reviso el estado de tu web — versión de Joomla, extensiones y lo que se pueda ver — y te digo qué conviene hacer y en qué orden.
Versión de Joomla y ruta de actualización Estado de extensiones Plan de acción con recomendaciones Informe por email + HTML
[ Solicitar revisión gratuita sin compromiso ](https://sergioiglesias.net/revision-joomla-gratis)Respuesta en 24–48 h laborables
[](https://sergioiglesias.net/sobre-mi)##### Consultor Web Joomla Senior
Soy [Sergio Iglesias](https://sergioiglesias.net/sobre-mi). Ayudo a empresas, instituciones y profesionales a convertir su web en una herramienta real de negocio: segura, escalable y fácil de gestionar. Soy especialista en migraciones complejas de Joomla sin pérdida de datos, desarrollo de extensiones y plantillas a medida y ofrezco mantenimiento y evolución de tu CMS.
[](https://x.com/sergiois "Sergio Iglesias en X") [](https://www.linkedin.com/in/sergiois "Sergio Iglesias en Linkedin") [](https://github.com/sergiois "Sergio Iglesias en Github") [](https://sergiois.github.io/ "Extensiones Joomla de Sergio Iglesias")
### Suscríbete a mi newsletter
¿Te ha gustado el artículo? Suscríbete a mi newsletter y recibe contenido exclusivo.
Podrás hacer gratis un **Curso de desarrollo de plantillas Joomla**.
[Quiero apuntarme!](https://sergioiglesias.net/newsletter)
### 2 comentarios
- [  ](https://www.gravatar.com/b66fba1a78a3ea7b41e98a8e43ec390a0f33e7df0759e8a53879ec6be4be9d0f)
sergiois
[ Lunes, 27 Abril 2015 09:09 ](https://sergioiglesias.net/blog/recomendaciones/una-imagen-vale-mas-que-mil-palabras-y-un-icono-tambien?akengage_cid=42#akengage-comment-42)
Hola Alejandro!!
Un placer tenerte por aquí!!
Pues tienes toda la razón. De forma nativa tenemos esta librería de iconos disponible. Os pongo un enlace de cómo implementarlo en nuestro proyecto Joomla: https://magazine.joomla.org/es/ediciones-anteriores/marzo-2015/item/2569-como-implementar-los-iconos-vectoriales-de-icomoon-en-una-plantilla-de-joomla
Gracias por comentar. A ver si nos vemos!!
- [  ](https://www.gravatar.com/7692fc839d1ce9471c29ef38326be94cf5b1a646b88162f9c7bc186292f0f930)
Alejandro Domínguez
[ Lunes, 27 Abril 2015 09:03 ](https://sergioiglesias.net/blog/recomendaciones/una-imagen-vale-mas-que-mil-palabras-y-un-icono-tambien?akengage_cid=41#akengage-comment-41)
Hola Sergio!
Yo añadiría también Icomoon, que son las que traen nuestro querido Joomla 3 de serie :)
### Deja tu comentario
En respuesta a Some User
Nombre \*
Dirección de email \*
Texto del comentario \*
Doy mi consentimiento para que mi información personal sea recopilada y procesada por este sitio para aceptar y mostrar mi comentario, así como para notificarme sobre las respuestas a él según la [Declaración de privacidad](https://sergioiglesias.net/politica-privacidad) del sitio. \*