
Sistema de 40k+ iconos SVG
Pagado

Nucleo es un ecosistema integral de gestión de iconos que comprende más de 40,000 iconos SVG premium y una aplicación dedicada de escritorio/web para la orquestación de activos. A diferencia de las bibliotecas estáticas, Nucleo ofrece una aplicación nativa que permite buscar, personalizar y exportar iconos en varios formatos (SVG, PNG, PDF) y tamaños sin interrumpir el flujo de trabajo. Se integra directamente en entornos de desarrollo mediante paquetes de React dedicados, asegurando una implementación consistente en todos los componentes de la interfaz.
La aplicación de escritorio actúa como un gestor de activos local, permitiendo buscar y exportar más de 40,000 iconos sin depender de internet. Soporta exportación por lotes y tamaños personalizados, siendo mucho más rápida que descargar archivos individuales. Este enfoque local asegura un flujo de trabajo constante incluso sin conexión, mientras el motor interno optimiza los SVG automáticamente.
Nucleo ofrece paquetes de React dedicados que permiten importar iconos como componentes nativos. Esto elimina la gestión manual de archivos SVG en el directorio del proyecto. Al usar props para tamaño, color y trazo, los desarrolladores pueden actualizar estilos dinámicamente según el estado de la aplicación, reduciendo el tamaño del bundle y asegurando consistencia visual.
La biblioteca incluye más de 40,000 iconos en estilos distintos como Core, UI, Sharp, Pixel y Micro. Cada estilo está diseñado meticulosamente para compartir la misma rejilla y lenguaje visual. Esto permite a los equipos cambiar entre estilos en toda la interfaz del producto manteniendo la armonía visual, algo difícil de lograr al mezclar sets de código abierto.
La aplicación cuenta con un editor integrado que permite modificar propiedades antes de exportar. Los usuarios pueden ajustar el grosor del trazo, el radio de las esquinas y las paletas de colores en tiempo real. Esto garantiza que cada icono cumpla con las guías de marca del proyecto, evitando ediciones posteriores en software vectorial externo como Illustrator y ahorrando tiempo en el proceso de entrega.
Cada icono está etiquetado con metadatos exhaustivos, permitiendo resultados de búsqueda en menos de un segundo entre más de 40,000 activos. El algoritmo entiende el contexto, permitiendo encontrar iconos por función (ej. 'navegación', 'editor') o característica visual. Esta capacidad es crítica para equipos de producto a gran escala que necesitan localizar elementos rápidamente para mantener la velocidad en ciclos de desarrollo.
Descarga e instala la aplicación de escritorio Nucleo para macOS o Windows desde el sitio oficial.,Inicia la aplicación y explora la biblioteca de más de 40,000 iconos usando la barra de búsqueda o los filtros de categoría.,Selecciona un icono y usa el panel de personalización para ajustar el grosor del trazo, el color y el tamaño antes de exportar.,Arrastra y suelta los iconos directamente en herramientas de diseño como Figma, Sketch o Adobe XD.,Instala el paquete @nucleo/react vía npm para renderizar iconos programáticamente como componentes de React en tu código.,Sincroniza tu proyecto con la aplicación Nucleo para mantener la consistencia entre tus activos de diseño y el código de producción.
Los diseñadores de producto usan Nucleo para mantener una única fuente de verdad para los iconos. Al exportar activos estandarizados, aseguran que todos los elementos de la interfaz en aplicaciones web o móviles compartan grosores de trazo y alineación de rejilla idénticos, resultando en una identidad visual cohesiva.
Los desarrolladores frontend usan el paquete React de Nucleo para inyectar iconos directamente en su código. Esto evita la sobrecarga de gestionar miles de archivos SVG individuales, permitiendo cambiar colores y tamaños mediante props, lo que acelera la implementación de actualizaciones de UI.
Las agencias que trabajan en múltiples proyectos usan la aplicación Nucleo para organizar iconos en 'proyectos' o 'colecciones' personalizadas. Esto les permite cambiar rápidamente entre diferentes lenguajes de diseño de clientes sin saturar su sistema de archivos local con miles de activos no utilizados.
Requieren una biblioteca vasta y consistente para crear prototipos de alta fidelidad. Nucleo resuelve el problema de la 'fragmentación de iconos' donde diferentes sets chocan en estilo, asegurando un aspecto profesional y unificado para todos los componentes de la interfaz.
Necesitan una forma programática de implementar iconos sin optimización manual de SVG. La integración de React de Nucleo les permite tratar los iconos como componentes estándar, mejorando la mantenibilidad del código y reduciendo los tiempos de compilación.
Gestionan múltiples clientes simultáneamente. Nucleo proporciona las herramientas organizativas para mantener las bibliotecas de activos distintas y accesibles, asegurando que los diseñadores puedan entregar trabajos de alta calidad y consistentes a través de diversos requisitos de proyecto.
Compra única por el paquete de iconos (aprox. $99). Incluye acceso a los más de 40,000 iconos, la aplicación de escritorio y los paquetes de React. Sin tarifas recurrentes.