Índice
1. Introducción
Los iconos son muy importante en el desarrollo web frontend, raras o inexistententes son las paginas o apps web que no hagan el uso de icons en su desarrollo. Un tema a tomar en cuenta es la consistencia de la librería de icons que usemos para mantener un estándar similar en un mismo proyecto.
Existen muchas librerias o paginas de iconos muy buenas pero algunas de las mejores son de paga cuentan con una capa gratis muy limitada.
En este breve post te presento 3 de mis paginas favoritas de iconos gratis para que puedas usar desde ya en tus proyectos.
¡Comencemos! 😎
2. Hero Icons
Abrimos la lista con Hero Icons una librería que se integra muy bien con frameworks JavaScript como React y Vue. Además que funciona de maravilla con Figma y TailwindCSS.
A la fecha cuenta con más de 316 iconos gratis con su versión 2.1.5.
Puedes descargar cada icono en svg o usarlo como código JSX además de ofrecerte diferentes anchos y tamaños para cada icono.
3. Tabler Icons
Mi favorito y que uso en la mayoria de mis proyectos es sin duda Tabler Icons que cuenta con mas 5862 iconos gratis pixel perfect en formato svg o png. Una maravilla.
4. Google Icons
Finalmente si te gusta el ecosistema de Google y sus herramientas y estilos de Material Desing puedes usar Google Icons.
Su repositorio en Github se mantiene en constante actualización proporcionando soporte e instalación sencilla para combinarla con diferentes frameworks JavaScript.
google
/
material-design-icons
Material Design icons by Google (Material Symbols)
Material Symbols / Material Icons
These are two different official icon sets from Google, using the same underlying designs. Material Symbols is the current set, introduced in April 2022, built on variable font technology. Material Icons is the classic set, but no longer updated. More details below.
The icons can be browsed in a more user-friendly way at https://fonts.google.com/icons. Use the popdown menu near top left to choose between the two sets; Material Symbols is the default.
The icons are designed under the material design guidelines.
Icon Requests
We’d love to support your icon needs! Please submit your request here on GitHub as an issue.
Please note that Google Fonts does not accept user submissions of finished icon designs! There are fairly strict guidelines for Material icons, plus Google has upstream source files from which this repo is generated. Therefore, Google does not accept pull requests for icon…
5. Referencias
6. Conclusiones
Conocer sobre librerías completas y buenas de iconos gratis de dará un mejor conocimiento de herramientas al momento de elegir paquetes de iconos para tus proximos proyectos. No pagues por lo que puedes obtener gratis con un poco de investigación.
Hasta la próxima amigos
Top comments (0)