LobeHub Icons
Открыть на GitHub340 логотипов AI-моделей и сервисов, от OpenAI и Claude до DeepSeek и Ollama, в React-компонентах и готовых SVG. Экран выбора модели или лендинг AI-продукта собирается без поиска логотипов по сайтам вендоров.
LobeHub Icons закрывает скучную, но вечную задачу интерфейсов поверх LLM: где взять логотипы моделей и провайдеров в одном стиле. На 27 сентября 2026 в пакете @lobehub/icons-static-svg 340 брендов: вендоры моделей (OpenAI, Anthropic, Google, Mistral, DeepSeek, Qwen), инференс-провайдеры (Groq, Fireworks, Together), агенты и IDE (Claude Code, Cursor, Cline, Devin), фреймворки вроде LangChain и CrewAI. Лицензия MIT, у репозитория около 2 500 звёзд.
В React каждая иконка это компонент с вариантами: <Claude /> в моно, <Claude.Color />, <Claude.Text /> со словесным знаком, <Claude.Combine /> и <Claude.Avatar />. Самое полезное лежит рядом: ModelIcon рисует логотип прямо по строке модели (model="gpt-4o"), ProviderIcon по ключу провайдера. Для дашборда агентов или селектора моделей это одна строка вместо таблицы соответствий. Библиотека tree-shakable, в сборку попадает только то, что импортировано.
Без React тоже работает: отдельные пакеты отдают SVG, PNG и WebP (светлые и тёмные) через unpkg, npmmirror или raw GitHub, а getLobeIconCDN собирает нужный адрес. Есть порт для React Native и готовый skill.md, по которому Claude Code или другой агент сам подключает библиотеку.
Что учесть: у React-пакета версии 5.21 в peer-зависимостях React 19, antd 6 и @lobehub/ui 5. Если в проекте нет Ant Design, проще брать статичные SVG. И skill.md для агентов пока обещает «200+ брендов», так что за точным списком лучше идти на icons.lobehub.com.
Комментарии