Sobre el proyecto
Iconify es un framework de iconos versátil que permite a los desarrolladores utilizar iconos de numerosas librerías (como FontAwesome, Material Design Icons y Feather Icons) a través de una única sintaxis unificada. En lugar de empaquetar los datos de los iconos localmente, los componentes de Iconify cargan los datos bajo demanda a través de una API distribuida geográficamente, reduciendo así el tamaño del bundle.
El framework ofrece varias opciones de implementación:
- Un componente web principal (`iconify-icon`) que funciona en diversos entornos, con wrappers específicos para React y SolidJS.
- Componentes nativos para React, Vue y Svelte (actualmente en proceso de eliminación en favor del componente web).
- Componentes de iconos basados en CSS que renderizan SVGs con CSS, utilizando la API como respaldo para Safari.
- Plugins de integración para herramientas de diseño como Figma, Sketch y Adobe XD.
El repositorio está estructurado como un monorepo que contiene tipos reutilizables, utilidades y las diversas implementaciones de componentes. También incluye un conjunto de proyectos de demostración para frameworks populares como Next.js, Nuxt 3 y SvelteKit para ilustrar la integración.