Coleção de logos de tecnologia em SVG otimizados e personalizáveis para desenvolvedores, disponível como pacote npm de componentes React.
glincker/thesvg
Biblioteca aberta com cerca de 7.600 ícones SVG de marcas e serviços de cloud, disponível via npm, CDN, CLI e servidor MCP para editores com IA.
- Estrelas
- 2,866
- Forks
- 228
- Issues abertas
- 16
- Último commit
- ontem
O que é?
theSVG é uma coleção pesquisável de logos e ícones SVG de produtos de software, incluindo logos de marcas, ícones de arquitetura da AWS, Azure e Google Cloud, ícones do Kubernetes e badges circulares de apps de autenticação. Os ícones estão disponíveis em várias variantes, como padrão, mono, claro, escuro e wordmark, e são organizados em famílias de marcas como Google, Microsoft e Amazon.
Desenvolvedores podem usar os ícones por meio de pacotes tipados para React, Vue e Svelte com suporte a tree-shaking, um pacote npm com escopo para os dados principais dos ícones, uma CLI que adiciona um ícone ao projeto ou uma URL do CDN jsDelivr em HTML puro. Há também um manifesto JSON estático para filtrar ícones no cliente, sem necessidade de autenticação.
O projeto inclui extensões para Figma, VS Code, Raycast, Alfred, Neovim e Homebrew, além de um servidor MCP e uma skill de agente para assistentes de programação com IA. A base de código usa a licença MIT, enquanto os ícones de marcas individuais continuam sendo marcas registradas de seus respectivos proprietários.
Recursos principais
- 01Catálogo pesquisável com cerca de 7.600 ícones SVG de marcas, cloud e badges de autenticação.
- 02Componentes tipados para React, Vue e Svelte com suporte a tree-shaking.
- 03Comando de CLI para adicionar um ícone específico a um projeto.
- 04URLs gratuitas do CDN jsDelivr e manifesto JSON estático para pesquisa no cliente.
- 05Servidor MCP e skill de agente para assistentes de programação com IA.
Casos de uso
- Adicionar logos de marcas a um site, app ou documentação sem baixar arquivos manualmente.
- Criar diagramas de arquitetura com ícones oficiais da AWS, Azure ou Google Cloud.
- Permitir que um assistente de programação com IA busque o logo correto durante a criação de uma interface.
Início rápido
- 1
Instale o pacote npm
npm install thesvg - 2
Ou adicione um único ícone com a CLI
npx @thesvg/cli add github
Antes de usar
- Os ícones do AWS Architecture são distribuídos sob a licença CC BY-ND 2.0, que não permite versões modificadas.
- A extensão para navegador está em beta, e a versão para Chrome está indicada como disponível em breve.
Tópicos
Perguntas frequentes
- O que é thesvg?
- Biblioteca aberta com cerca de 7.600 ícones SVG de marcas e serviços de cloud, disponível via npm, CDN, CLI e servidor MCP para editores com IA. theSVG é uma coleção pesquisável de logos e ícones SVG de produtos de software, incluindo logos de marcas, ícones de arquitetura da AWS, Azure e Google Cloud, ícones do Kubernetes e badges circulares de apps de autenticação. Os ícones estão disponíveis em várias variantes, como padrão, mono, claro, escuro e wordmark, e são organizados em famílias de marcas como Google, Microsoft e Amazon.
- thesvg é gratuito? Qual é a licença?
- thesvg é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
- thesvg ainda é mantido?
- Manutenção ativa. O último commit de thesvg foi em 19 de out. de 2026.
- Para que posso usar thesvg?
- Adicionar logos de marcas a um site, app ou documentação sem baixar arquivos manualmente. Criar diagramas de arquitetura com ícones oficiais da AWS, Azure ou Google Cloud. Permitir que um assistente de programação com IA busque o logo correto durante a criação de uma interface.
- Como instalar thesvg?
- Instale o pacote npm: npm install thesvg Ou adicione um único ícone com a CLI: npx @thesvg/cli add github
- Onde consigo thesvg?
- O código-fonte e as instruções de instalação estão no GitHub: https://github.com/glincker/thesvg
Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.
Projetos relacionados
Efeitos de shader em WebGPU empacotados como componentes prontos para React, Vue, Svelte, Solid e JavaScript puro.
Biblioteca de ícones SVG em estilo de arte popular ingênua, desenhados à mão, para React e TypeScript, com skill opcional para agentes de IA.
Toolkit de Generative UI independente de framework, baseado no OpenUI Lang, uma linguagem compacta de streaming que permite a LLMs gerar interfaces renderizáveis usando sua própria biblioteca de componentes.
Transforma qualquer fonte em escrita à mão animada, desenhada traço por traço, para React, Vue, Svelte, Solid, Astro e vanilla JS.
Uma skill de agente que cria diagramas editoriais em um único arquivo HTML + SVG autocontido, com 45 tipos de diagrama e correspondência com a identidade da marca.