Brand Icons

Multi-variant, multi-framework brand icons library for the web.

A growing collection of brand SVG icons with multiple variants per brand:

• Color — official multi-color logo.
• Mono Dark / Mono Light — monochrome variants for light/dark UIs.
• Custom — Lucide-style stroke-based geometric reinterpretation.

Each variant available with or without background, in any size, across multiple frameworks.

Packages

Documentation

Full docs and live icon gallery at the project documentation site (to be deployed).

Quick start

# React
pnpm add @brand-icons/react

# Vue
pnpm add @brand-icons/vue

# Svelte
pnpm add @brand-icons/svelte

# Web Components
pnpm add @brand-icons/wc

import { GithubIcon } from '@brand-icons/react';

<GithubIcon size={32} variant="mono-dark" />
<GithubIcon variant="color" background />

Development

This is a pnpm + Turborepo monorepo.

pnpm install
pnpm build
pnpm test
pnpm dev

Contributing

See CONTRIBUTING.md. Icons can be added via the icon-fetcher Claude Code agent or manually under icons/.

Brand owners

If you represent a brand whose icon is in this repository and you wish to request removal or modification, see BRAND_OWNERS.md.

License

MIT for the source code. Brand assets remain the property of their respective owners.