LobeHub Icons
Open on GitHub340 logos of AI models and services, from OpenAI and Claude to DeepSeek and Ollama, as React components and ready-made SVGs. A model picker or an AI product landing page comes together without hunting for logos across vendor sites.
LobeHub Icons solves a dull but permanent problem of every interface built on top of LLMs: where to get model and provider logos that look like one set. As of September 27, 2026, the @lobehub/icons-static-svg package holds 340 brands: model vendors (OpenAI, Anthropic, Google, Mistral, DeepSeek, Qwen), inference providers (Groq, Fireworks, Together), agents and IDEs (Claude Code, Cursor, Cline, Devin), and frameworks such as LangChain and CrewAI. MIT licence, about 2,500 stars on the repository.
In React every icon is a component with variants: <Claude /> in mono, <Claude.Color />, <Claude.Text /> with the wordmark, <Claude.Combine /> and <Claude.Avatar />. The most useful part sits next to them: ModelIcon draws the logo straight from a model string (model="gpt-4o"), and ProviderIcon from a provider key. For an agent dashboard or a model selector that is one line instead of a mapping table. The library is tree-shakable, so only what you import ends up in the bundle.
It works without React too: separate packages serve SVG, PNG and WebP (light and dark) via unpkg, npmmirror or raw GitHub, and getLobeIconCDN builds the right URL. There is a React Native port and a ready skill.md that Claude Code or another agent can follow to wire the library in on its own.
Worth knowing: the React package, version 5.21, lists React 19, antd 6 and @lobehub/ui 5 as peer dependencies. If your project has no Ant Design, the static SVGs are the easier route. And the agent skill.md still promises "200+ brands", so for the exact list go to icons.lobehub.com.
Comments