SVGL (SVG Logo Library)

Overview

SVGL is a modern, open-source SVG brand logo library and developer API created by Phra (pheralb). Featuring hundreds of pixel-perfect logos spanning cloud providers, programming languages, modern frameworks, and developer tools, SVGL streamlines embedding brand vector icons across documentation, portfolio footers, and dashboard integrations.

Key Features

• 🎨 Pixel-Perfect Vector Curation: Handcrafted, scalable SVGs optimized with dark mode adaptations and minimal SVG paths.
• 📋 Multi-Framework Snippet Generation: 1-click copy raw SVG markup, React/Svelte/Vue JSX components, or direct CDN image URLs.
• 🚀 Public REST API & NPM Package: Programmatically query, fetch, and integrate up-to-date brand logos into dynamic applications via @svgl/core.
• 🏷️ Categorized Tech Stack Index: Filter logos by AI, CMS, Database, Framework, Hosting, Language, and Software categories.

Quick Start & Code Integration

# Direct SVG usage or NPM package
npm install @svgl/core

import React from 'react';

// Example: Embedding Tech Stack Icons
export function TechStack() {
  return (
    <div className="flex items-center gap-4 p-4 rounded-xl bg-neutral-900 border border-neutral-800">
      <img src="https://svgl.app/library/typescript.svg" alt="TypeScript" className="w-8 h-8" />
      <img src="https://svgl.app/library/react.svg" alt="React" className="w-8 h-8" />
      <img src="https://svgl.app/library/tailwind-css.svg" alt="Tailwind CSS" className="w-8 h-8" />
    </div>
  );
}

Why Choose SVGL?

• Developer Portfolios & Documentation: Clean, standardized vector brand icons without scouring Google Images for blurry PNGs.
• SaaS Integrations & Badges: Effortlessly display verified logos for third-party OAuth, integrations, and supported platforms.