logo-company — official brand SVG lookup
Source
Base: glincker/thesvg — 5 886 brands, 11 624 SVGs, MIT license. Structure: public/icons/<slug>/{default,mono,color,dark,light}.svg.
Local cache: <skill>/_cache/brand-icons/ — populated automatically on first request.
Which variant
default.svg — official brand colors. Use in full-color banners, covers, posts. Instantly recognizable.mono.svg — single-color, usually fill="currentColor". Use on styled backgrounds — recolor to any accent via CSS color or by substituting the fill. Minimal, never breaks your palette.color.svg / dark.svg / light.svg — some brands ship variants for dark/light backgrounds.
Process
1. Find a logo
<skill>/scripts/find-logo.sh <brand-name> [variant]
<brand-name> — tolerant to typos / case / synonyms (claude, Claude, claude-code, anthropic, openai-chatgpt).[variant] — optional: default (default), mono, color, dark, light.
The script searches the local cache with fuzzy-match, falls back to raw.githubusercontent with slug auto-resolution, prints the SVG path. Exit 0 = found, exit 1 = not found.
2. Refresh the cache
<skill>/scripts/update-cache.sh [brand1] [brand2] ...
3. Use the SVG
- Composite onto a generated image: wrap the banner PNG + the logo path in an SVG and render to PNG (e.g.
@resvg/resvg-js). For mono recolor by replacing currentColor.
- As a generation reference: pass the rendered logo PNG as a reference image to the
codex-image skill — gpt-image-2 will carry the mark into the artwork.
- Inline in HTML: paste mono SVG inside a
<div style="color:#D4FF00"> — currentColor picks up the accent.
Frequently used slugs
Full catalog: references/brands-catalog.md. Highlights:
| Category |
Slugs |
| Claude / Anthropic |
claude, claude-ai, claude-code, anthropic |
| OpenAI |
openai, openai-chatgpt, codex-openai, dall-e-openai, sora-openai |
| Other LLMs |
google-gemini, xai-grok, mistral-ai, deepmind-google |
| Coding tools |
cursor, github-copilot |
| Social |
telegram, instagram, youtube, tiktok, x-formerly-twitter |
| Stack |
notion, firebase, supabase, vercel, github, figma |
Rules
- Prefer the official SVG over re-drawing or AI-generating a brand mark — trademarks must be exact.
mono on styled backgrounds, default in full-color contexts.- Respect each brand's usage guidelines when publishing.
1---2name: logo-company3description: logo-company — official brand SVG lookup4---56# logo-company — official brand SVG lookup78## Source910Base: [glincker/thesvg](https://github.com/glincker/thesvg) — 5 886 brands, 11 624 SVGs, MIT license. Structure: `public/icons/<slug>/{default,mono,color,dark,light}.svg`.1112Local cache: `<skill>/_cache/brand-icons/` — populated automatically on first request.1314## Which variant1516- **`default.svg`** — official brand colors. Use in full-color banners, covers, posts. Instantly recognizable.17- **`mono.svg`** — single-color, usually `fill="currentColor"`. Use on styled backgrounds — recolor to any accent via CSS `color` or by substituting the fill. Minimal, never breaks your palette.18- **`color.svg` / `dark.svg` / `light.svg`** — some brands ship variants for dark/light backgrounds.1920## Process2122### 1. Find a logo2324```bash25<skill>/scripts/find-logo.sh <brand-name> [variant]26```2728- `<brand-name>` — tolerant to typos / case / synonyms (claude, Claude, claude-code, anthropic, openai-chatgpt).29- `[variant]` — optional: `default` (default), `mono`, `color`, `dark`, `light`.3031The script searches the local cache with fuzzy-match, falls back to raw.githubusercontent with slug auto-resolution, prints the SVG path. Exit 0 = found, exit 1 = not found.3233### 2. Refresh the cache3435```bash36<skill>/scripts/update-cache.sh [brand1] [brand2] ...37```3839### 3. Use the SVG4041- **Composite onto a generated image:** wrap the banner PNG + the logo path in an SVG and render to PNG (e.g. `@resvg/resvg-js`). For `mono` recolor by replacing `currentColor`.42- **As a generation reference:** pass the rendered logo PNG as a reference image to the `codex-image` skill — gpt-image-2 will carry the mark into the artwork.43- **Inline in HTML:** paste mono SVG inside a `<div style="color:#D4FF00">` — `currentColor` picks up the accent.4445## Frequently used slugs4647Full catalog: `references/brands-catalog.md`. Highlights:4849| Category | Slugs |50|---|---|51| Claude / Anthropic | `claude`, `claude-ai`, `claude-code`, `anthropic` |52| OpenAI | `openai`, `openai-chatgpt`, `codex-openai`, `dall-e-openai`, `sora-openai` |53| Other LLMs | `google-gemini`, `xai-grok`, `mistral-ai`, `deepmind-google` |54| Coding tools | `cursor`, `github-copilot` |55| Social | `telegram`, `instagram`, `youtube`, `tiktok`, `x-formerly-twitter` |56| Stack | `notion`, `firebase`, `supabase`, `vercel`, `github`, `figma` |5758## Rules5960- Prefer the official SVG over re-drawing or AI-generating a brand mark — trademarks must be exact.61- `mono` on styled backgrounds, `default` in full-color contexts.62- Respect each brand's usage guidelines when publishing.
qwwiwi