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), ספקי inference (Groq, Fireworks, Together), סוכנים ו-IDE (Claude Code, Cursor, Cline, Devin), ו-frameworks כמו LangChain ו-CrewAI. רישיון MIT, כ-2,500 כוכבים למאגר.
ב-React כל אייקון הוא קומפוננטה עם גרסאות: <Claude /> במונו, <Claude.Color />, <Claude.Text /> עם סימן המילה, <Claude.Combine /> ו-<Claude.Avatar />. החלק השימושי ביותר נמצא לידם: ModelIcon מצייר את הלוגו ישירות ממחרוזת המודל (model="gpt-4o"), ו-ProviderIcon ממפתח הספק. בלוח בקרה של סוכנים או בבורר מודלים זו שורה אחת במקום טבלת מיפוי. הספרייה tree-shakable, כך של-bundle נכנס רק מה שייבאתם.
זה עובד גם בלי React: חבילות נפרדות מגישות SVG, PNG ו-WebP (בהיר וכהה) דרך unpkg, npmmirror או raw GitHub, ו-getLobeIconCDN בונה את הכתובת הנכונה. יש גרסה ל-React Native וקובץ skill.md מוכן, שלפיו Claude Code או סוכן אחר מחבר את הספרייה בעצמו.
מה כדאי לדעת: לחבילת React בגרסה 5.21 יש peer dependencies של React 19, antd 6 ו-@lobehub/ui 5. אם אין בפרויקט Ant Design, קל יותר לקחת את קובצי ה-SVG הסטטיים. וה-skill.md לסוכנים עדיין מבטיח "200+ מותגים", אז לרשימה המדויקת עדיף ללכת ל-icons.lobehub.com.
תגובות