explaingit

sonnedu/ai-model-icons

13JavaScriptAudience · developerComplexity · 2/5ActiveSetup · easy

TLDR

A free library of 148+ SVG and PNG icons for AI models, assistants, and platforms, with aliases for easy lookup and ready-to-use assets for web, iOS, and Android.

Mindmap

mindmap
  root((repo))
    What it does
      148 AI model icons
      SVG and PNG formats
      Multi-platform assets
    How to use
      Static JSON lookup
      Dynamic Node API
      Icon resolution
    Asset formats
      Web favicons
      iOS imagesets
      Android adaptive
    Key features
      514 aliases
      Quality labels
      Multiple sizes
    Tech stack
      JavaScript
      Node.js
      SVG/PNG

Things people build with this

USE CASE 1

Build an AI product directory or comparison tool with consistent brand icons for ChatGPT, Claude, Gemini, and other models.

USE CASE 2

Add AI model icons to a web app, mobile app, or favicon without hunting for individual brand assets.

USE CASE 3

Create a chatbot or assistant UI that displays the correct icon for whichever model the user is talking to.

Tech stack

JavaScriptNode.jsSVGPNG

Getting it running

Difficulty · easy Time to first run · 5min

Static usage requires only JSON files; dynamic API requires Node.js and npm run serve.

License information not provided in the explanation.

In plain English

AI Model Icons is a free, ready to use library of brand and product icons for AI companies, large language models, assistants, and platforms. The README is mainly in Chinese with some English headings. At the time of writing the project lists 148 icon entries spanning model makers, products, assistants, platforms, and local runtimes, with 514 aliases that let you look an icon up by short name, lowercase string, Chinese name, model name, or product name. About 15 entries are still placeholder icons waiting for a clean source. For each icon the repo stores both an SVG and a set of PNG rasters at common sizes: 16, 32, 48, 180, 192, 512, and 1024 pixels. There are also Apple imagesets, Android adaptive icon files, and a web manifest layout, which means the same icon can be dropped into an iOS app, an Android app, or a web favicon setup without further conversion. Each catalog entry also gets quality and confidence labels so a consumer can tell whether the icon is a clean vector or a community guess. The README shows two ways to use the data. The static way is suited to GitHub Pages, CDNs, or any front end without a server: you fetch catalog/models.json plus catalog/aliases.json, normalize the user's input to lowercase with punctuation stripped, look up the id in the aliases map, and read the icon path from the catalog. A short JavaScript snippet shows the whole flow. The dynamic way runs the bundled Node API on port 8787 by default, with endpoints like /api/resolve?q=grok and /api/assets?q=grok that return JSON with id, owner, icon paths, and per platform asset profiles. The README is upfront about a few rough edges. Android VectorDrawable files are not arbitrary SVGs, so the API ships profile XML and PNG caches and points users at Android Studio's Vector Asset tool for complex vectors. There is also a table of matching examples to clarify how queries like z.ai, copilot, github copilot, and doubao are mapped to the right brand and parent. Maintenance is script driven. npm run build:aliases regenerates the alias index, npm run build:raster rebuilds the PNGs, npm run check runs the failure only validation, npm run audit produces a semantic report on missing icons, and npm run serve starts the API. Lower level node scripts can rebuild the catalog, sync brand icons from upstream sources, and resolve a single query from the command line.

Copy-paste prompts

Prompt 1
Show me how to fetch and display an AI model icon in my React app using the static JSON catalog from this repo.
Prompt 2
I want to set up the Node API from ai-model-icons to resolve model names to icons. What's the quickest way to get /api/resolve working?
Prompt 3
How do I add a new AI model icon to this repo and regenerate the alias index?
Prompt 4
Can I use these icons in my iOS app? Show me how to integrate the Apple imageset assets.
Open on GitHub → Explain another repo

Generated 2026-05-22 · Model: sonnet-4-6 · Verify against the repo before relying on details.