Repolode
Submit
pheralb

pheralb/svgl

A library of SVG brand logos with a web gallery and API, built with SvelteKit and Tailwind CSS.

View on GitHubWebsite
Stars
6,409
Forks
892
Open issues
321
Last commit
9 days ago

What is it?

SVGL is a collection of SVG logos for companies, products and open-source projects, browsable on a web gallery at svgl.app. Each logo is stored as an SVG file in the repository and described by an entry in a TypeScript data file, which records the title, category, website and optional wordmark or light and dark variants.

The project also serves the logo library through an API, and a set of community-built extensions use it in tools such as Raycast, VS Code, Figma, PowerToys and Flow Launcher, as well as npm packages for React, Vue and Svelte. Contributors add a logo by placing an optimized SVG (under 21 KB, with the viewBox kept) in the library folder and registering it in the data file through a pull request.

The web app is built with SvelteKit, Svelte 5, TypeScript and Tailwind CSS, and the API runs on Express with Redis. The project is released under the MIT license.

Key features

  • 01Browsable gallery of SVG logos with light and dark variants and wordmarks.
  • 02Public API for querying the logo library.
  • 03Community extensions for Raycast, VS Code, Figma, PowerToys and more.
  • 04npm packages for using logos in React, Vue and Svelte.
  • 05Contributions via pull request by adding an SVG file and a data entry.

Use cases

  • Finding brand logos for a website, slide deck or design mockup.
  • Importing logos into a React, Vue or Svelte project via an npm package.
  • Searching and copying logos from Raycast, PowerToys or VS Code without leaving the editor.

Quick start

  1. 1

    Install Node.js 20+ and Git

  2. 2

    Fork the repository and clone it locally

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

    Install pnpm globally if needed

    npm install -g pnpm
  4. 4

    Install project dependencies

    pnpm install

Things to know

  • Contributions to the logo library require confirming you have the right to use each SVG.

Topics

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

FAQ

What is svgl?
A library of SVG brand logos with a web gallery and API, built with SvelteKit and Tailwind CSS. SVGL is a collection of SVG logos for companies, products and open-source projects, browsable on a web gallery at svgl.app. Each logo is stored as an SVG file in the repository and described by an entry in a TypeScript data file, which records the title, category, website and optional wordmark or light and dark variants.
Is svgl free to use? What license does it have?
svgl is open source under the MIT license. Check the license terms before using it in commercial products.
Is svgl still maintained?
Actively maintained. The last commit to svgl was on Oct 28, 2026.
What can I use svgl for?
Finding brand logos for a website, slide deck or design mockup. Importing logos into a React, Vue or Svelte project via an npm package. Searching and copying logos from Raycast, PowerToys or VS Code without leaving the editor.
How do I install svgl?
Install Node.js 20+ and Git Fork the repository and clone it locally: git clone git@github.com:your_username/svgl.git Install pnpm globally if needed: npm install -g pnpm Install project dependencies: pnpm install
Where can I get svgl?
The source code and installation instructions are on GitHub: https://github.com/pheralb/svgl

Summary generated by AI from the project's README. GitHub stats refresh daily.

Related projects