Repolode
Enviar
pheralb

pheralb/svgl

Biblioteca de logos de marcas em SVG, com galeria web e API, criada com SvelteKit e Tailwind CSS.

Ver no GitHubSite
Estrelas
6,409
Forks
892
Issues abertas
321
Último commit
há 10 dias

O que é?

SVGL é uma coleção de logos em SVG de empresas, produtos e projetos open source, que podem ser explorados na galeria web svgl.app. Cada logo é armazenado como um arquivo SVG no repositório e descrito por uma entrada em um arquivo de dados TypeScript, que registra o título, a categoria, o site e, opcionalmente, o wordmark ou as versões para temas claro e escuro.

O projeto também disponibiliza a biblioteca de logos por meio de uma API. Extensões criadas pela comunidade integram a biblioteca a ferramentas como Raycast, VS Code, Figma, PowerToys e Flow Launcher, além de pacotes npm para React, Vue e Svelte. Para adicionar um logo, colaboradores incluem na pasta da biblioteca um SVG otimizado (com menos de 21 KB e o viewBox preservado) e registram a entrada no arquivo de dados por meio de um pull request.

O app web é desenvolvido com SvelteKit, Svelte 5, TypeScript e Tailwind CSS, e a API roda com Express e Redis. O projeto é distribuído sob a licença MIT.

Recursos principais

  • 01Galeria navegável de logos em SVG, com versões para temas claro e escuro e wordmarks.
  • 02API pública para consultar a biblioteca de logos.
  • 03Extensões criadas pela comunidade para Raycast, VS Code, Figma, PowerToys e outras ferramentas.
  • 04Pacotes npm para usar logos em projetos React, Vue e Svelte.
  • 05Contribuições por pull request, adicionando um arquivo SVG e uma entrada de dados.

Casos de uso

  • Encontrar logos de marcas para um site, uma apresentação ou um mockup de design.
  • Importar logos para um projeto React, Vue ou Svelte usando um pacote npm.
  • Pesquisar e copiar logos pelo Raycast, PowerToys ou VS Code sem sair do editor.

Início rápido

  1. 1

    Instale o Node.js 20 ou superior e o Git

  2. 2

    Faça um fork do repositório e clone-o localmente

    git clone git@github.com:your_username/svgl.git
  3. 3

    Instale o pnpm globalmente, se necessário

    npm install -g pnpm
  4. 4

    Instale as dependências do projeto

    pnpm install

Antes de usar

  • Para contribuir com a biblioteca de logotipos, confirme que você tem o direito de usar cada SVG.

Tópicos

#svg#logos#icons#sveltekit#tailwindcss#typescript#api#hacktoberfest#open-source#optimized

Perguntas frequentes

O que é svgl?
Biblioteca de logos de marcas em SVG, com galeria web e API, criada com SvelteKit e Tailwind CSS. SVGL é uma coleção de logos em SVG de empresas, produtos e projetos open source, que podem ser explorados na galeria web svgl.app. Cada logo é armazenado como um arquivo SVG no repositório e descrito por uma entrada em um arquivo de dados TypeScript, que registra o título, a categoria, o site e, opcionalmente, o wordmark ou as versões para temas claro e escuro.
svgl é gratuito? Qual é a licença?
svgl é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
svgl ainda é mantido?
Manutenção ativa. O último commit de svgl foi em 28 de out. de 2026.
Para que posso usar svgl?
Encontrar logos de marcas para um site, uma apresentação ou um mockup de design. Importar logos para um projeto React, Vue ou Svelte usando um pacote npm. Pesquisar e copiar logos pelo Raycast, PowerToys ou VS Code sem sair do editor.
Como instalar svgl?
Instale o Node.js 20 ou superior e o Git Faça um fork do repositório e clone-o localmente: git clone git@github.com:your_username/svgl.git Instale o pnpm globalmente, se necessário: npm install -g pnpm Instale as dependências do projeto: pnpm install
Onde consigo svgl?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/pheralb/svgl

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

Projetos relacionados