Las fuentes de iconos, como Lineicons y Lucide, son alternativas populares a Font Awesome que consisten en símbolos y glyphs en lugar de letras o números. Son populares entre los diseñadores web porque pueden ser estilizadas con CSS de la misma manera que el texto normal.
Además, son vectores, por lo que son fácilmente escalables y no se pixelan con el cambio de tamaño.
Ocupa muy poco, por lo que cargan rápidamente, y lo más importante es que son compatibles con todos los navegadores. Además, como ya hemos dicho son redimensionarles sin comprometer la calidad. Podemos ajustar, mediante CSS3 el color, el tamaño e incluso animar los iconos como hacíamos con Font awesome.
Font Awesome es, sin duda, una de las fuentes de iconos más populares, con una enorme colección de iconos. Pero es altamente innecesario descargar toda la colección cuando solo necesitas usar unos pocos.
Si te estás aburriendo de usar el mismo conjunto de iconos para todos los diseños, as siguientes son algunas de las mejores fuentes alternativas gratuitas de Font Awesome de iconos de fuentes bien elaborados que espero que te resulten útiles en la construcción de tus próximos grandes sitios web y aplicaciones.
Iconos con Bootstrap Icons
Aprovechando que ya hemos usado bootstrap en otros proyectos, usar sus iconos sería una opción muy sencilla.
En la propia página de iconos de boostrap tenemos una muestra de cada icono, como hacer la instalación con NPM, descargando los iconos o linkando el CDN y luego algunos ejemplos de uso, realmente es muy sencillo!
Los iconos de Bootstrap están especialmente diseñados para funcionar con los componentes de Bootstrap, desde los controles hasta la navegación. Sin embargo, pueden funcionar con cualquier proyecto porque los iconos de Bootstrap son SVG. Por lo tanto, se escalan rápida y fácilmente y se les puede aplicar estilos con CSS como a los de Font awesome.
Iconos con Iconmonstr
Iconmonstr tiene una colección de iconos para cada tipo de colección.
Vienen con más de 4784 iconos en 316 colecciones para que puedas elegir en tus diseños web y desarrollos. Además, iconmonstr tiene 2 tipos de conjuntos de iconos disponibles – Iconos y Fuente Iconic.
En esta web podemos descargar el propio icono SVG, obtener el html del icono svg para simplemente copiarlo y pegarlo o el base64.
Por último también tienen la opción de descargarte un PNG modificando algunas características visuales del icono:
