Un conjunto de iconos es una colección de iconos que se utilizan para representar diferentes acciones u objetos en una interfaz gráfica de usuario. Estos íconos generalmente están diseñados con un estilo y tema específicos y se pueden usar en una variedad de aplicaciones, incluidos proyectos web y móviles.
Un tipo de conjunto de iconos es el conjunto de iconos SVG, que es una colección de iconos que se crean utilizando el formato de gráficos vectoriales escalables (SVG). Los iconos SVG son independientes de la resolución, lo que significa que se pueden ampliar o reducir sin perder su calidad. También son livianos, lo que los hace ideales para proyectos web y móviles.
Otro tipo de conjunto de iconos es el conjunto de iconos de React, que está diseñado específicamente para usarse con aplicaciones de React. Estos íconos generalmente se crean usando formato SVG y se pueden integrar fácilmente en los componentes de React.
El uso de conjuntos de íconos en proyectos web y móviles puede ayudar a mejorar la experiencia del usuario al proporcionar un conjunto de íconos consistente y reconocible. Esto puede facilitar que los usuarios comprendan cómo interactuar con la aplicación y puede ayudar a reducir la carga cognitiva.
Los iconos de fuentes son otro tipo de conjunto de iconos que se utilizan habitualmente en proyectos web. Estos íconos se crean usando archivos de fuentes y se pueden personalizar fácilmente usando CSS. Los íconos de fuentes también son livianos, lo que los hace ideales para proyectos web.
Una de las ventajas de utilizar conjuntos de iconos de código abierto es que son de uso gratuito y pueden modificarse para adaptarse a las necesidades específicas de un proyecto. Esto puede ayudar a reducir los costos de desarrollo y facilitar la búsqueda de los íconos adecuados para un proyecto. Además, los conjuntos de iconos de código abierto suelen ser creados por una comunidad de diseñadores y desarrolladores, lo que significa que se actualizan y mejoran constantemente.
En conclusión, los conjuntos de iconos gratuitos de código abierto pueden ser un recurso valioso para proyectos web y móviles. Ya sea que esté utilizando SVG, React o íconos de fuentes, hay una variedad de opciones disponibles que pueden ayudar a mejorar la experiencia del usuario y reducir los costos de desarrollo.
En esta publicación, le ofrecemos los mejores conjuntos de íconos de código abierto para sus proyectos JavaScript o React.
1- Icono de remezcla
Remix Icon es un conjunto de símbolos de sistema de estilo neutral de código abierto para diseñadores y desarrolladores. A diferencia de una biblioteca de íconos de mosaico, más de 2400 íconos están elaborados minuciosamente para que nazcan con el gen de legibilidad, consistencia y píxeles perfectos. Cada ícono fue diseñado en estilos “Delineado” y “Relleno” basados en una cuadrícula de 24×24. Por supuesto, todos los iconos son gratuitos tanto para uso personal como comercial.
Funciona para React y cualquier proyecto de JavaScript. Remix Icon se publica bajo la licencia Apache-2.0.
2- Iconos de héroe
Hermosos íconos SVG hechos a mano por los creadores de Tailwind CSS. El conjunto de iconos está disponible como iconos SVG básicos y a través de bibliotecas React y Vue propias.
Los desarrolladores también pueden elegir el tamaño, el ancho del trazo, el modo SVG, el modo JSK o exportar el componente React.
Hero Icons se lanza bajo la licencia MIT.
3- error tipográfico+
Entypo+: 411 pictogramas premium cuidadosamente elaborados por Daniel Bruce (CC BY-SA 4.0). Admite React, Sprite, tamaño y muchos más.
4- iconos de caja
'Boxicons' es un conjunto de íconos de código abierto cuidadosamente diseñado con más de 1500 íconos. Está diseñado para enriquecer la experiencia de su sitio web/aplicación.
- Licencia: licencia MIT
5- Fuente impresionante 6
Font Awesome es la biblioteca de iconos y el conjunto de herramientas de Internet, utilizada por millones de diseñadores, desarrolladores y creadores de contenido. Font Awesome Free es gratuito, de código abierto y compatible con GPL. Puedes usarlo para proyectos comerciales, proyectos de código abierto o casi lo que quieras.
6- Ico Luna
Los íconos de este paquete se diseñaron en una cuadrícula de 16 píxeles y se ven mejor cuando se usan en tamaños múltiplos de 16 píxeles. Por ejemplo, 16 px, 32 px, 48 px, 64 px, etc.
Este paquete contiene los iconos en diferentes formatos. Para acceder a todos los iconos en un solo archivo, puede utilizar el archivo PSD, PDF o AI (Adobe Illustrator).
Este paquete de íconos viene con una fuente de escritorio que puedes instalar y usar en cualquier aplicación que permita elegir fuentes personalizadas para tu tipo. Consulte el archivo “Read Me.txt” dentro del directorio “Fuentes” para obtener más información.
Para acceder a los iconos como archivos separados, busque en los directorios “SVG”, “EPS” o “PDF”. La carpeta “PNG” contiene todos los iconos como imágenes rasterizadas, en 4 tamaños diferentes.
- Licencia: CC BY 4.0 o GPL.
7- MDI: Iconos de diseño de materiales para reaccionar
Iconos de Material Design para React/Preact empaquetados como componentes individuales
8- lucidez
Comenzó tras un creciente descontento con el Iconos de plumas moderación del proyecto. Con más de 300 problemas abiertos y más de 100 relaciones públicas abiertas, el proyecto Feather Icons ha sido abandonado. Desafortunadamente, esto significa que cientos de desarrolladores y diseñadores perdieron el tiempo contribuyendo a Feather Icons sin posibilidad de que se aceptaran las relaciones públicas.
Lucide está tratando de expandir el conjunto de íconos tanto como sea posible mientras se mantiene fiel al lenguaje de diseño simplista original. Hacemos esto como una comunidad de desarrolladores y diseñadores y esperamos que te unas a nosotros.
Lucide admite React, React Native, Vue 2, Vue 3, Angular, Preact, Figma, Flutter, Svelte, Solid, Hyva, Laravle y más.
9- Pluma
Feather es una colección de íconos de código abierto simplemente hermosos. Cada ícono está diseñado en una cuadrícula de 24×24 con énfasis en la simplicidad, la coherencia y la flexibilidad. En esencia, Feather es una colección de archivos SVG. Esto significa que puede usar íconos de plumas de la misma manera que puede usar SVG (por ejemplo, img, imagen de fondo, en línea, objeto, incrustar, iframe).
Feather es una opción ideal para proyectos de JavaScript, React, Vue y Angular.
10- Icono8
Line Awesome es una alternativa gratuita para Font Awesome 5.11.2. Consta de ~1380 íconos planos que ofrecen una cobertura completa del conjunto de íconos principal de Font Awesome.
Esta fuente de íconos se basa en el estilo Icons8 de Windows 10, que consta de más de 4000 íconos, así que ase
gúrese de verificarlo si necesita íconos más específicos.
- Licencia: MIT o el Licencia de buen chico.
11- Iconos de Octicons de GitHub
Un conjunto escalable de íconos creados a mano con <3 por GitHub.
12- Íconos del juego
4131 iconos gratuitos para desarrolladores de juegos. Se publica bajo la licencia CC BY 3.0.
13- Ionicones
Íconos diseñados premium para usar en aplicaciones web, iOS, Android y de escritorio. Soporte para SVG y fuente web. Completamente de código abierto, con licencia del MIT y construido por Ionic.
Ionicons es un conjunto de íconos completamente de código abierto con 1300 íconos diseñados para aplicaciones web, iOS, Android y de escritorio. Ionicons fue creado para Ionic Framework, por lo que los íconos tienen versiones de Material Design y iOS.
Nota: Todos los íconos de marcas son marcas comerciales de sus respectivos propietarios. El uso de estas marcas comerciales no indica el respaldo del titular de la marca por parte de Ionic, ni viceversa.
15- Iconos de fósforo
Este repositorio aloja los SVG sin procesar y los datos del catálogo, incluidas etiquetas, categorías y versiones de lanzamiento, de todos los íconos de la familia Phosphor Icons. Sirve como base para nuestra búsqueda difusa en nuestro sitio web y otras herramientas, y como dependencia de desarrollo en el proceso de compilación en algunas de nuestras bibliotecas específicas del marco.
Es posible que este paquete le resulte útil para implementar una adaptación de Phosphor a su marco preferido o como fuente de información para nuestros activos SVG actuales.
dieciséis- Iconos de Themify
Themify Icons es un conjunto completo de íconos para usar en diseño web y aplicaciones, que consta de más de 320 íconos hechos a mano con píxeles perfectos que se inspiran en Apple iOS 7, disponibles para el público, ¡100% GRATIS! Puede utilizarlo o distribuirlo para cualquier fin, ya sea personal o comercial. Este conjunto de iconos es una herramienta imprescindible para diseñadores y desarrolladores web.
17- Iconos del tiempo
Weather Icons es la única fuente de íconos y CSS con 222 íconos con temas meteorológicos, listos para colocarse directamente en Bootstrap o en cualquier proyecto que necesite íconos meteorológicos, marítimos y meteorológicos de alta calidad.
18- css.gg
Más de 700 iconos puros de CSS, SVG, PNG y Figma UI disponibles en SVG Sprite, componentes con estilo, NPM y API y 6000 glifos
19- Iconos de líneas simples
Iconos de líneas simples con archivos CSS, SASS, LESS y fuentes web.
20- Iconos de base
Un conjunto nítido de iconos de 15×15 diseñados por el equipo de WorkOS. Se publica bajo la licencia MIT.
21- Iconos de diseño de hormigas
Ant Design es un increíble sistema de diseño para crear aplicaciones web y de escritorio. Ant Design lanzó un gran y hermoso conjunto de íconos que se pueden usar en cualquier proyecto de React y JavaScript.
22- iconos de ojales (Reaccionar)
Iconografía para Grommet y React.js.
23- mesa
Un conjunto de más de 450 iconos SVG gratuitos de alta calidad con licencia del MIT para que los desarrolladores los utilicen en sus proyectos web.
24- Íconos de fuentes DevUI
Iconos de fuentes DevUI.
25- pepicones
Pepicons es un conjunto de iconos de alrededor de quinientos (y contando) iconos retro inspirados en los años 80. Cada ícono está disponible en 2 variantes: ¡Pop! e imprimir ❏
26- Iconos malvados
Paquete de íconos SVG simple y limpio con código compatible con Rails, Sprockets, Node.js, Gulp, Grunt y CDN. Los íconos EVIL funcionan perfectamente en IE 9+, Firefox, Chrome, Safari (escritorio y móvil), Opera, Android 4+.
27- Iconos Eva
Eva Icons es un paquete de más de 480 íconos de código abierto bellamente diseñados para acciones y elementos comunes. Los íconos de Eva se pueden usar en proyectos web, iOS y Android.
Eva Icons es un paquete de más de 480 íconos de código abierto bellamente diseñados para acciones y elementos comunes. Además, Eva Icons admite 4 tipos de animación: zoom, pulso, vibración y giro. Descárguelos en el escritorio para usarlos en sus productos digitales para Web, iOS y Android. Los iconos se proporcionan en dos tipos visuales: Relleno y Contorno y en varios formatos, incluidos PNG, SVG, fuente, Sketch, etc.
28- iconos adolescentes
Diseñado en un 15×15 grid, los Teenyicons caben fácilmente en espacios muy pequeños y mantienen una apariencia nítida
29- Iconos monocromáticos
Mono Icon es un conjunto de iconos de código abierto, gratuito, sencillo y consistente, diseñado para usarse en una amplia variedad de productos digitales. Se publica bajo la licencia MIT.
30- iconos de interfaz de usuario
La fuente de iconos premium para la biblioteca de componentes uiwjs. Diseñado @uiw/icons por @liwen0526.
Son de uso gratuito y tienen licencia bajo MIT. Pretendemos que este paquete de iconos se utilice con uiw, pero de ninguna manera se limita a eso. Utilízalos donde mejor te parezca, personal o comercial.
31- Zondiconos
Un conjunto de íconos SVG premium gratuitos para que los uses en tus productos digitales.
32- Iconos súper pequeños
¡Menos de 1 KB cada uno! Los Super Tiny Web Icons son versiones SVG minúsculas de tus logotipos favoritos. ¡El tamaño medio es inferior a 582 bytes!
Los logotipos tienen un cuadro de visualización de 512×512 y encajarán en un círculo con un radio de 256. Se ampliarán y reducirán para adaptarse a sus necesidades.
33- Iconos de flujo
Una colección de 431 íconos SVG gratuitos y de código abierto compatibles con Flowbite y Tailwind CSS basados en estilos sólidos y de contorno con soporte para React (JSX) y Figma.
34- iconos-akar
Una biblioteca de íconos perfectamente completa hecha para diseñadores, desarrolladores y casi todos. Explora todos nuestros íconos en akaricons.com.
35- Iconos de mermelada
Jam Icons (900+) es un conjunto de íconos SVG diseñados para proyectos web, ilustraciones, proyectos de impresión, etc. Con licencia del MIT.
Etiquetas
Herramientas para desarrolladores de código abierto desarrollo web desarrollo Iconos basados en web Freeware Lista de diseño MIT GPL
