Hoy en día podemos usar fuentes que son iconos. Con ellas te olvidas de tener que vectorizar un icono, y tener que guardarlos en diferentes tamaños para tenerlo adaptado para las diferentes resoluciones de los dispositivos, o colores para los estados de los enlaces.
Olvídate de vectorizar y guardar cada icono en un tamaño determinado
Su funcionamiento es como una fuente cualquiera por lo que puedes ponerlas al tamaño, color, sombreado que quieras mediante CSS.
Una de ellas son el set que viene con Bootstrap, llamado Glyphicons Halfligns. 250 iconos o glifos, gratuitos al instalar Bootstrap.
Otra con más iconos, es la Font Awesome, en una sola fuente tienes 519 iconos, un lenguaje pictográfico que incluso incluye algunas animadas (ojo con la renderización en algunos navegadores).
Ventajas
- No requieren JavaScript
- Las puedes escalar tanto como quieras sin que pierdan definición ni se pixeles. Perfectas para las pantallas retina de iOS.
- Los iconos tienen diseños actuales
- Al actuar como una fuente puedes ponerlas en el color, tamaño, sombreado… todo lo que te dejen tus conocimientos de CSS
- Y encima gratis incluso para uso comercial
¿Qué te parecen? ¿Te atreves a probarlas?
Yo ya las estoy incluyendo para algunos iconos 🙂