Toggle menu
IconMindIcons
Browse 31722 free IconMind SVG icons. Download SVG, copy as JSX, PNG or Base64. MIT licensed. Designed by IconMind. Styles: Precise Shapes, Has Padding, Uses Stroke.
Copy & download IconMind icons
Click any icon above to open the detail panel. Four export formats are available instantly, no sign-up required.
Raw vector markup. Paste directly into HTML or React components. Scales to any size without quality loss.
React-ready component. Drop into any React or Next.js project. Works with shadcn/ui, Radix, and Tailwind CSS.
Raster export at 1×, 2× and 3× for email templates, Figma imports, app assets, and Open Graph images.
Inline data URI, embed icons in CSS background-image, email HTML, or anywhere an image URL is needed.
Works with shadcn/ui
Copy the JSX format and paste directly into any shadcn/ui component. Alternatively, install@iconmind/reactand use via @iconify/react, fully tree-shakeable, no icon font loading required.
About IconMind
IconMind is a free MIT-licensed icon set built for AI products and developer tools. It draws more than 5,000 concepts that general UI sets skip: agents, tool calling, context windows, RAG pipelines, rerankers, vector databases, MCP auth flows, GPU clusters, rolling updates and A/B tests, plus broad Commerce, Finance, Health, Security, Travel and Weather categories. Every concept comes in six variants: outline and duotone styles at thin, regular and bold weights. Duotone adds a 20% tint behind closed shapes, and all lines follow 0, 45 or 90 degree angles for a calm, technical look. The 24px grid and 2px regular stroke match Lucide on purpose, so IconMind fits next to Lucide, Heroicons or Phosphor without a visible style break. React (@iconmind/react) and Vue packages expose variant, weight, size and stroke props. There are no brand logos, so pair it with Simple Icons for model and vendor marks. Search IconMind here, copy SVG, export JSX or download PNG. Ideal for AI dashboards, agent builders, LLM ops tools and developer docs.
Created By
License
Features & Tags
Pack Details
Color Support
Monochrome
Category
UI 24px
How to use IconMind icons
Package
@iconmind/react, @iconmind/vue
License SPDX
MIT
Grid Size
24px
Sample Icons
agent-outline-regular, vector-database-duotone-thin, stub-tool-outline-bold
Install
npm install @iconmind/reactReact
import { Agent, ContextWindow, VectorDatabase } from '@iconmind/react';
export default function App() {
return <VectorDatabase variant="duotone" weight="bold" size={32} />;
}Via Iconify · HTML
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="iconmind:icon-name" width="24"></iconify-icon>Via Iconify · any framework
import { Icon } from '@iconify/react';
export default function App() {
return <Icon icon="iconmind:icon-name" width={24} />;
}Package stats
Build-time npm metadata cached weekly • Last refresh Oct 18, 2026
@iconmind/react
React components for IconMind — 5,287 tree-shakeable icons for AI-era software (LLMs, agents, MCP, RAG).
License
MIT
Weekly downloads
99
Monthly downloads
428
Total downloads
3,448
Unpacked size
13 MB
Last published
Sep 8, 2026
Registry updated
Sep 8, 2026
@iconmind/vue
Vue 3 components for IconMind — 5,287 tree-shakeable icons for AI-era software (LLMs, agents, MCP, RAG).
License
MIT
Weekly downloads
6
Monthly downloads
123
Total downloads
2,813
Unpacked size
14 MB
Last published
Sep 8, 2026
Registry updated
Sep 8, 2026
IconMind version history
Based on the last 10 releases, IconMind typically ships a new version every ~1 day. The latest release, v0.8.1, landed on Sep 8, 2026.
| Version | Released |
|---|---|
| v0.8.1 | Sep 8, 2026 |
| v0.8.0 | Sep 8, 2026 |
| v0.7.1 | Sep 6, 2026 |
| v0.7.0 | Sep 6, 2026 |
| v0.6.4 | Sep 5, 2026 |
| v0.6.3 | Sep 1, 2026 |
| v0.6.2 | Aug 31, 2026 |
| v0.6.1 | Aug 31, 2026 |
| v0.6.0 | Aug 30, 2026 |
| v0.5.0 | Aug 30, 2026 |
| v0.4.1 | Aug 30, 2026 |
| v0.4.0 | Aug 30, 2026 |
| v0.3.6 | Aug 27, 2026 |
| v0.3.5 | Aug 27, 2026 |
| v0.3.4 | Aug 27, 2026 |
| v0.3.3 | Aug 27, 2026 |
| v0.3.2 | Aug 27, 2026 |
| v0.3.1 | Aug 26, 2026 |
| v0.3.0 | Aug 26, 2026 |
| v0.2.0 | Aug 26, 2026 |
Source: npm registry data for @iconmind/react, refreshed weekly.
Compare IconMind with similar icon packs
Frequently Asked Questions
What topics does IconMind cover that general UI icon sets miss?
What do the six variants of each IconMind icon mean?
vector-database-duotone-bold or agent-outline-regular. Duotone tints closed shapes at 20% opacity behind the strokes.Can I mix IconMind with Lucide in one interface?
How do I switch between outline and duotone in React?
npm install @iconmind/react. Each component takes variant ("outline" or "duotone") and weight ("thin", "regular" or "bold") props, for example <VectorDatabase variant="duotone" weight="bold" size={32} />. The package is ESM only.