# Icons

## Files in this folder

| File | Source | Type | Use |
|---|---|---|---|
| `llm-logos.svg` | `public_html/assets/llm-logos.svg` | SVG sprite | LLM logos (ChatGPT, Gemini, Claude, Perplexity, Grok, DeepSeek) as `<symbol>` definitions. Use with `<use href="/assets/llm-logos.svg#logo-claude"></use>`. |
| `llm-logos.css` | `public_html/assets/llm-logos.css` | CSS | 2 utility classes: `.llm-logo` (20px) and `.llm-logo-lg` (28px). |
| `entia-mcp-logo.svg` | `public_html/assets/entia-mcp-logo.svg` | SVG | ENTIA MCP variant logo for Smithery / Anthropic Connectors directory. |

## LLM logos provided in `llm-logos.svg`

| Symbol id | Brand | Fill |
|---|---|---|
| `#logo-chatgpt` | OpenAI ChatGPT | `#10A37F` |
| `#logo-gemini` | Google Gemini | gradient `#4285F4 → #9B72CB → #D96570` |
| `#logo-claude` | Anthropic Claude | `#CC785C` |
| `#logo-perplexity` | Perplexity | `#20B8CD` |
| `#logo-grok` | xAI Grok | `#1DA1F2` |
| `#logo-deepseek` | DeepSeek | `#7B68EE` |

These are stylized in-house renditions (NOT the official brand SVGs). They are intentionally simplified to read at 20-28px. For higher-fidelity placements (press kit, blog hero images), download the official brand assets from each vendor — see `DOWNLOAD_NEEDED.md`.

## Usage example

```html
<svg class="llm-logo" aria-hidden="true"><use href="/assets/llm-logos.svg#logo-claude"></use></svg>
<svg class="llm-logo-lg" aria-hidden="true"><use href="/assets/llm-logos.svg#logo-gemini"></use></svg>
```

## Other icons across the codebase

The codebase uses icons in three forms:

1. **Inline SVG (preferred)** — most icons in landings (chevrons, arrows, status dots) are written inline in the page. They use `stroke` not `fill`, weight 2-3, `stroke-linecap="round"`. Example: `mcp-setup.html` line 233 (the `>>|` brand mark).
2. **lucide-react** — used in `static/ceo_v2/` (the MC dashboard). Out of scope for the marketing kit.
3. **Heroicons / custom SVG** — used sparingly in legacy templates. No consolidated set.

There is **no** canonical UI-icon set (like `entia-icons.svg`). For new marketing landings, prefer inline SVG with the brand stroke style.

## Section / hero illustrations

`public_html/assets/` also contains many narrative illustrations (PNG): `section-hero-bg.png`, `section-anchor.png`, `paradigm_logo_vortex.png`, `entia_neural_core_dashboard.png`, etc. These are NOT brand assets — they are page-specific art. Not copied into this kit. List in `MISSING.md` if Design needs them packaged separately.
