Repolode
Enviar
asorn

asorn/qingicon-open

Biblioteca gratuita y de código abierto con más de 3900 iconos de estilo neutro para productos de IA, cloud y web, y componentes para React y Vue.

Ver en GitHubSitio web
Estrellas
56
Forks
3
Issues abiertos
0
Último commit
hace 30 días

¿Qué es?

QingIcon es una biblioteca de iconos de interfaz dirigida a productos de IA, cloud e internet. Ofrece más de 3900 iconos en 34 categorías con estilo Line; las variantes Fill aún están en desarrollo. Todos los iconos comparten la misma cuadrícula y el mismo peso visual, por lo que pueden combinarse sin que haya incoherencias visuales.

En el sitio web se pueden explorar, buscar, copiar y descargar los iconos. Se ofrecen descargas en SVG, PNG y WebP, además de copiar con un clic el resultado en formato SVG, React, Vue o DataURL. La búsqueda abarca 137 235 palabras clave bilingües en chino e inglés, con segmentación del chino y coincidencia aproximada. Antes de exportar, se pueden ajustar el trazo, el tamaño y el color.

Para desarrolladores, el proyecto ofrece los paquetes npm qingicon-react y qingicon-vue, con un componente por icono y compatibilidad con tree-shaking, además del servidor qingicon-mcp, que permite a herramientas de programación con IA como Cursor y Claude Code buscar iconos y generar código de componentes. También hay un plugin para Figma.

Funciones clave

  • 01Más de 3900 iconos en 34 categorías, con estilo Line disponible actualmente
  • 02Cuadrícula y peso visual uniformes en todos los iconos
  • 03Búsqueda bilingüe en chino e inglés por palabras clave, con coincidencia aproximada
  • 04Componentes para React y Vue con compatibilidad con tree-shaking y TypeScript
  • 05Servidor MCP para generar código de iconos en herramientas de programación con IA
  • 06Exportación a SVG, PNG o WebP, o copia en formato React, Vue o DataURL

Casos de uso

  • Crear interfaces para productos de IA que necesiten iconos para modelos, agentes y prompts
  • Diseñar consolas cloud o paneles SaaS con iconos coherentes para servidores y redes
  • Añadir iconos a proyectos de React o Vue mediante componentes npm
  • Permitir que asistentes de programación con IA elijan e inserten iconos mientras generan código de front-end

Inicio rápido

  1. 1

    Instala el paquete de componentes de React desde npm

    npm install qingicon-react
  2. 2

    Instala el paquete de componentes de Vue desde npm

    npm install qingicon-vue

Antes de usarlo

  • El estilo Sketch solo está disponible en el sitio web y el plugin de Figma, no en los paquetes npm ni en MCP.
  • Las variantes del estilo Fill todavía están en desarrollo y están incompletas.
  • Un único autor mantiene el proyecto sin ánimo de lucro.

En colecciones

Frameworks frontend y componentes de interfaz

Temas

#icons#ui-components#svg#react#vue#design-system#figma

Preguntas frecuentes

¿Qué es qingicon-open?
Biblioteca gratuita y de código abierto con más de 3900 iconos de estilo neutro para productos de IA, cloud y web, y componentes para React y Vue. QingIcon es una biblioteca de iconos de interfaz dirigida a productos de IA, cloud e internet. Ofrece más de 3900 iconos en 34 categorías con estilo Line; las variantes Fill aún están en desarrollo. Todos los iconos comparten la misma cuadrícula y el mismo peso visual, por lo que pueden combinarse sin que haya incoherencias visuales.
¿qingicon-open es gratuito? ¿Qué licencia tiene?
qingicon-open es open source bajo la licencia Apache-2.0. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿qingicon-open sigue mantenido?
Mantenimiento activo. El último commit de qingicon-open fue el 8 oct 2026.
¿Para qué puedo usar qingicon-open?
Crear interfaces para productos de IA que necesiten iconos para modelos, agentes y prompts Diseñar consolas cloud o paneles SaaS con iconos coherentes para servidores y redes Añadir iconos a proyectos de React o Vue mediante componentes npm Permitir que asistentes de programación con IA elijan e inserten iconos mientras generan código de front-end
¿Cómo se instala qingicon-open?
Instala el paquete de componentes de React desde npm: npm install qingicon-react Instala el paquete de componentes de Vue desde npm: npm install qingicon-vue
¿Dónde consigo qingicon-open?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/asorn/qingicon-open

Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.

Proyectos relacionados

tabler / tabler-icons

Colección gratuita de más de 6.200 iconos SVG con licencia MIT, diseñados en una cuadrícula de 24x24, con paquetes para React, Vue, Svelte, Angular y más.

Frontend y UI#icons#svg#icon-font
22,6 mil+58 esta semana1,3 milJavaScriptMITBien mantenidoActualizado hace 8 días