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 (current and historical variants per brand).
• Mono Dark / Mono Light — monochrome variants for light/dark UIs.
• Year variants — <BrandIcon.Latest />, <BrandIcon.1984 /> dot-notation API for historical logos.
• Color conversion — runtime transforms: black-and-white, inverted, monochrome (white / black / solid color).

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

Packages

Package	Description
@brand-icons/core	Raw SVG strings, manifest, types
@brand-icons/react	React components
@brand-icons/vue	Vue 3 components
@brand-icons/svelte	Svelte 5 components
@brand-icons/wc	Web Components

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.