SVGL

Overview

SVGL is an open-source library of SVG logos for brands, frameworks, tools and services, created by pheralb. The site lists 670 logos across categories such as AI, Framework, Library, Database, Design, Devtool, Crypto, Hosting and Social, with light and dark variants where a brand needs them.

Beyond copying raw SVG, every logo is published as a shadcn registry item that installs a typed React component into components/ui/svgs/. SVGL also offers a public API, and the community has built extensions on it, including a CLI and a Framer plugin. The site itself is built with SvelteKit.

Features

• 670 logos: Searchable and sortable, grouped into more than 35 categories.
• shadcn registry: Each logo installs as a React component, for example react.json adds a SVGProps-typed component.
• Light and dark variants: Logos such as React ship separate light and dark versions.
• SVGL API: A public API documented at svgl.app/docs/api for fetching logos programmatically.
• Extensions: Community tools built on the API, including an SVGL CLI and an SVGL plugin for Framer.
• Favorites and submissions: Users can save favorites and submit new SVGs.

Tech stack

• SvelteKit, Svelte 5, TypeScript
• Tailwind CSS, bits-ui, Content Collections, Shiki

Registry

Install via the shadcn CLI registry:

npx shadcn@latest add @svgl/component-name