Model Icon

ngx-prompt-kit original — not part of ibelick/prompt-kit

modelIconUrl() resolves a brand icon for an AI model from LobeHub's static icon set — pair it with pk-model-picker / pk-model-list. Vendors with no brand icon get a neutral generic glyph, so every model shows something.

Examples

Vendor → icon

Each row is modelIconUrl({ id }). Monochrome icons work under dark:invert; the last row (unknown vendor) falls back to the generic glyph.

openai/gpt-4o-mini

anthropic/claude-3.5-sonnet

google/gemini-2.0-flash

google/gemma-2-9b

meta-llama/llama-3.3-70b

mistralai/mistral-large

deepseek/deepseek-chat

qwen/qwen-2.5-72b

x-ai/grok-2

amazon/nova-pro

somevendor/mystery-model

import { modelIconUrl } from 'ngx-prompt-kit/model-icon';

// Feed pk-model-picker / pk-model-list:
const models = apiModels.map((m) => ({ ...m, iconUrl: modelIconUrl(m) }));

Installation

Add the model-icon utility to your project.

ng generate ngx-prompt-kit:model-icon