Claude
AI assistant
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="claude" variant="light" className="h-12 w-12" />18 curated logos · SVG + React
AI logos
The tools behind your AI workflow.
Browse AI tool logos for assistants, coding tools and model platforms. Download SVG icons or copy React examples for your AI stack.
18 of 18 logos · light variant
OpenAI
Model platform
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="openai" variant="light" className="h-12 w-12" />
Anthropic
AI company
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="anthropic" variant="light" className="h-12 w-12" />
Google Gemini
AI assistant
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="gemini" variant="light" className="h-12 w-12" />
Perplexity
AI search
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="perplexity" variant="light" className="h-12 w-12" />
DeepSeek
Model platform
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="deepseek" variant="light" className="h-12 w-12" />
Grok
AI assistant
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="grok" variant="light" className="h-12 w-12" />
Cursor
AI code editor
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="cursor" variant="light" className="h-12 w-12" />
Lovable
AI app builder
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="lovable" variant="light" className="h-12 w-12" />
Windsurf
AI code editor
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="windsurf" variant="light" className="h-12 w-12" />
GitHub Copilot
Coding assistant
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="copilotgithub" variant="light" className="h-12 w-12" />
Bolt
AI app builder
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="bolt" variant="light" className="h-12 w-12" />
Replit
Development platform
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="replit" variant="light" className="h-12 w-12" />
Hugging Face
Model platform
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="huggingface" variant="light" className="h-12 w-12" />
Mistral AI
Model platform
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="mistral" variant="light" className="h-12 w-12" />
Ollama
Local model tools
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="ollama" variant="light" className="h-12 w-12" />
LangChain
AI framework
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="langchain" variant="light" className="h-12 w-12" />
n8n
Workflow automation
Download SVG ↓React example
import StackIcon from "tech-stack-icons";
<StackIcon name="n8n" variant="light" className="h-12 w-12" />Use ai logos in your next project
Map an AI workflow from the assistant or coding tool to the model platform behind it. Label product and company marks separately: Claude and Anthropic identify different things.
Build an AI tools comparison with Claude, Gemini and Perplexity, or show Cursor beside your app-building and model tools.
From SVG to React
Choose the background and download an SVG for your README, presentation or website. For React, install tech-stack-icons, open a logo’s React example and copy its component. The package name in the example matches the library asset.
npm install tech-stack-iconsLight, dark and grayscale select library variants. Some marks use the same artwork in light and dark modes; check the preview on your final background.
Logos identify their respective products and companies. Download availability does not change their brand usage requirements. Keep the original proportions and label tools clearly.
From browser to canvas
Your stack, inside your design tools.
Insert technology logos into designs and workshop diagrams with the Tech Stack Icons plugins.