mirror of
https://github.com/hanzoai/icons.git
synced 2026-09-24 16:59:52 +00:00
zooqueen
5fdc08d04b
type-check failed on three imports of a module nobody had created: src/icons.ts(184) Cannot find module './Hanzo' src/features/agentConfig.ts(26) Cannot find module '@/Hanzo' src/features/providerConfig.tsx(78) Cannot find module '@/Hanzo' The rebrand renamed the identifier LobeHub to Hanzo, including in these paths, but left src/LobeHub/ where it was β so the export pointed at nothing and the directory was reachable from nowhere. Renaming the directory rather than the imports, because the export NAME is what everything else keys off: scripts/tocWorkflow derives each icon's directory from `default as <Name>` in icons.ts, so with the old directory `build:toc` looked for src/Hanzo/index.mdx and died. That is a second breakage the typecheck could not see, and one rename settles both. The docs and style.ts came along, since toc.json is generated from them and regenerating with the old TITLE would have quietly reverted the rebrand's display name. What stays is the mapping: agentConfig still matches 'lobehub', 'lobechat', β¦ and providerEnum still reads `Hanzo = 'lobehub'`, because those name the upstream provider this icon stands for. Verified: type-check clean, build:toc exits 0 and is idempotent, no circular dependencies, and toc.json reduces to the two fields the rebrand intended.
Hanzo Icons
Brand assets and logos for AI / LLM providers and models, as React & React Native components β static SVG / PNG / WebP, no runtime dependencies.
@hanzoai/icons
Install
# React (SVG components)
npm install @hanzoai/icons
# Static assets (no React)
npm install @hanzoai/icons-static-svg
npm install @hanzoai/icons-static-png
npm install @hanzoai/icons-static-webp
npm install @hanzoai/icons-static-avatar
# React Native
npm install @hanzoai/icons-rn
Usage
import { OpenAI, Anthropic, Gemini, Mistral } from '@hanzoai/icons';
export default () => (
<>
<OpenAI size={24} />
<Anthropic.Color size={24} />
<Gemini.Combine size={24} type="color" />
</>
);
Every brand exports a mono glyph plus, where available, .Color, .Avatar, .Text, and .Combine variants. See each brand's page under src/<Brand>/index.mdx for the exact API.
Static assets
import { OpenAI } from '@hanzoai/icons-static-svg';
// OpenAI β raw SVG string
Packages
| Package | What it is |
|---|---|
@hanzoai/icons |
React SVG components (mono + color + combine variants) |
@hanzoai/icons-static-svg |
Raw SVG strings, framework-agnostic |
@hanzoai/icons-static-png |
PNG assets (light / dark) |
@hanzoai/icons-static-webp |
WebP assets (light / dark) |
@hanzoai/icons-static-avatar |
Pre-composed avatar assets |
@hanzoai/icons-rn |
React Native components |
Contributing
Each brand lives in src/<Brand>/. Add or update a logo there and run the SVG workflow; the static packages are generated from the same source.
License
MIT. This project is a fork of lobe-icons; the original MIT copyright is retained in LICENSE. Brand logos are the property of their respective owners and are provided for identification purposes.