Repolode
Enviar
pheralb

pheralb/svgl

Biblioteca de logotipos de marcas en SVG con galería web y API, creada con SvelteKit y Tailwind CSS.

Ver en GitHubSitio web
Estrellas
6,410
Forks
891
Issues abiertos
321
Último commit
hace 10 días

¿Qué es?

SVGL es una colección de logotipos en SVG de empresas, productos y proyectos de código abierto, que se pueden explorar en la galería web svgl.app. Cada logotipo se almacena como archivo SVG en el repositorio y se describe mediante una entrada en un archivo de datos TypeScript, que registra el título, la categoría, el sitio web y, de forma opcional, el logotipo tipográfico o las variantes claras y oscuras.

El proyecto también ofrece la biblioteca de logotipos mediante una API, y varias extensiones creadas por la comunidad la integran en herramientas como Raycast, VS Code, Figma, PowerToys y Flow Launcher, además de ofrecer paquetes npm para React, Vue y Svelte. Para contribuir con un logotipo, hay que colocar un SVG optimizado (de menos de 21 KB y conservando el viewBox) en la carpeta de la biblioteca y añadirlo al archivo de datos mediante una pull request.

La aplicación web está creada con SvelteKit, Svelte 5, TypeScript y Tailwind CSS, y la API funciona con Express y Redis. El proyecto se distribuye bajo la licencia MIT.

Funciones clave

  • 01Galería para explorar logotipos en SVG, con variantes claras y oscuras y logotipos tipográficos.
  • 02API pública para consultar la biblioteca de logotipos.
  • 03Extensiones de la comunidad para Raycast, VS Code, Figma, PowerToys y otras herramientas.
  • 04Paquetes npm para usar los logotipos en proyectos de React, Vue y Svelte.
  • 05Contribuciones mediante pull request, añadiendo un archivo SVG y una entrada de datos.

Casos de uso

  • Encontrar logotipos de marcas para un sitio web, una presentación o una maqueta de diseño.
  • Importar logotipos en un proyecto de React, Vue o Svelte mediante un paquete npm.
  • Buscar y copiar logotipos desde Raycast, PowerToys o VS Code sin salir del editor.

Inicio rápido

  1. 1

    Instala Node.js 20 o una versión posterior y Git

  2. 2

    Haz un fork del repositorio y clónalo en tu equipo

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

    Instala pnpm globalmente si es necesario

    npm install -g pnpm
  4. 4

    Instala las dependencias del proyecto

    pnpm install

Antes de usarlo

  • Para contribuir a la biblioteca de logotipos, debes confirmar que tienes derecho a usar cada SVG.

Temas

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

Preguntas frecuentes

¿Qué es svgl?
Biblioteca de logotipos de marcas en SVG con galería web y API, creada con SvelteKit y Tailwind CSS. SVGL es una colección de logotipos en SVG de empresas, productos y proyectos de código abierto, que se pueden explorar en la galería web svgl.app. Cada logotipo se almacena como archivo SVG en el repositorio y se describe mediante una entrada en un archivo de datos TypeScript, que registra el título, la categoría, el sitio web y, de forma opcional, el logotipo tipográfico o las variantes claras y oscuras.
¿svgl es gratuito? ¿Qué licencia tiene?
svgl es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
¿svgl sigue mantenido?
Mantenimiento activo. El último commit de svgl fue el 28 oct 2026.
¿Para qué puedo usar svgl?
Encontrar logotipos de marcas para un sitio web, una presentación o una maqueta de diseño. Importar logotipos en un proyecto de React, Vue o Svelte mediante un paquete npm. Buscar y copiar logotipos desde Raycast, PowerToys o VS Code sin salir del editor.
¿Cómo se instala svgl?
Instala Node.js 20 o una versión posterior y Git Haz un fork del repositorio y clónalo en tu equipo: git clone git@github.com:your_username/svgl.git Instala pnpm globalmente si es necesario: npm install -g pnpm Instala las dependencias del proyecto: pnpm install
¿Dónde consigo svgl?
El código fuente y las instrucciones de instalación están en GitHub: https://github.com/pheralb/svgl

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

Proyectos relacionados