Repolode
Enviar
asorn

asorn/qingicon-open

Biblioteca gratuita e open source com mais de 3.900 ícones de estilo neutro para produtos de IA, nuvem e web, com componentes para React e Vue.

Ver no GitHubSite
Estrelas
56
Forks
3
Issues abertas
0
Último commit
mês passado

O que é?

QingIcon é uma biblioteca de ícones de UI voltada a produtos de IA, nuvem e internet. Oferece mais de 3.900 ícones em 34 categorias, no estilo Line; as variantes Fill ainda estão em desenvolvimento. Todos os ícones usam a mesma grade e o mesmo peso visual, para que possam ser combinados sem destoar.

No site, é possível navegar pelos ícones, pesquisá-los, copiá-los e baixá-los. Há suporte para downloads em SVG, PNG e WebP e para copiar com um clique como SVG, React, Vue ou DataURL. A busca abrange 137.235 palavras-chave bilíngues em chinês e inglês, com segmentação de texto em chinês e correspondência aproximada. Também é possível ajustar o traçado, o tamanho e a cor antes de exportar.

Para desenvolvedores, o projeto oferece os pacotes npm qingicon-react e qingicon-vue, com um componente por ícone e suporte a tree-shaking, além do servidor qingicon-mcp, que permite que ferramentas de programação com IA, como Cursor e Claude Code, pesquisem ícones e gerem código de componentes. Também há um plugin para Figma.

Recursos principais

  • 01Mais de 3.900 ícones em 34 categorias, com estilo Line disponível atualmente
  • 02Grade e peso visual uniformes em todos os ícones
  • 03Busca por palavras-chave em chinês e inglês, com correspondência aproximada
  • 04Componentes para React e Vue com suporte a tree-shaking e TypeScript
  • 05Servidor MCP para gerar código de ícones em ferramentas de programação com IA
  • 06Exportação em SVG, PNG ou WebP, ou cópia como React, Vue ou DataURL

Casos de uso

  • Criar interfaces para produtos de IA que precisam de ícones para modelos, agentes e prompts
  • Projetar consoles de nuvem ou dashboards SaaS com ícones consistentes de servidores e redes
  • Adicionar ícones a projetos React ou Vue usando componentes npm
  • Permitir que assistentes de programação com IA escolham e insiram ícones ao gerar código de front-end

Início rápido

  1. 1

    Instale o pacote de componentes do React pelo npm

    npm install qingicon-react
  2. 2

    Instale o pacote de componentes do Vue pelo npm

    npm install qingicon-vue

Antes de usar

  • O estilo Sketch está disponível apenas no site e no plugin do Figma, não nos pacotes npm nem no MCP.
  • As variantes do estilo Fill ainda estão sendo desenvolvidas e estão incompletas.
  • O projeto é mantido sem fins lucrativos por um único autor.

Em coleções

Frameworks frontend e componentes de interface

Tópicos

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

Perguntas frequentes

O que é qingicon-open?
Biblioteca gratuita e open source com mais de 3.900 ícones de estilo neutro para produtos de IA, nuvem e web, com componentes para React e Vue. QingIcon é uma biblioteca de ícones de UI voltada a produtos de IA, nuvem e internet. Oferece mais de 3.900 ícones em 34 categorias, no estilo Line; as variantes Fill ainda estão em desenvolvimento. Todos os ícones usam a mesma grade e o mesmo peso visual, para que possam ser combinados sem destoar.
qingicon-open é gratuito? Qual é a licença?
qingicon-open é open source sob a licença Apache-2.0. Confira os termos da licença antes de usá-lo em produtos comerciais.
qingicon-open ainda é mantido?
Atualizado nos últimos 6 meses. O último commit de qingicon-open foi em 8 de out. de 2026.
Para que posso usar qingicon-open?
Criar interfaces para produtos de IA que precisam de ícones para modelos, agentes e prompts Projetar consoles de nuvem ou dashboards SaaS com ícones consistentes de servidores e redes Adicionar ícones a projetos React ou Vue usando componentes npm Permitir que assistentes de programação com IA escolham e insiram ícones ao gerar código de front-end
Como instalar qingicon-open?
Instale o pacote de componentes do React pelo npm: npm install qingicon-react Instale o pacote de componentes do Vue pelo npm: npm install qingicon-vue
Onde consigo qingicon-open?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/asorn/qingicon-open

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados