Icon Library
Codicons Icons
The official icon set used in Visual Studio Code editor. Functional, precise icons optimized for developer tooling contexts.
543
Icons
MIT
License
Microsoft
Creator
Outline
Styles
About Codicons
The official icon set used in Visual Studio Code editor. Functional, precise icons optimized for developer tooling contexts.
Available Styles
Outline
Best For
Developer tools, code editors, IDE-style interfaces
What You Get
| Feature | Details |
|---|---|
| Icon count | 543 icons in this library |
| License | MIT |
| Creator | Microsoft |
| Export formats | SVG, PNG, JSX, Base64. Copy to clipboard or download instantly. |
| Customization | Color, size, rotation, flip. All in-browser. |
| Account required | None. No sign-up needed. |
How to Use Codicons Icons
1. Search the library
Head to Browse Icons and filter by “Codicons” to browse all 543 icons in this set.
2. Customize
Click any icon to open the detail panel. Pick a color, adjust stroke width, switch between fill and outline, or rotate and flip.
3. Export
Copy the SVG, download a PNG at any size, grab the icon ID for @iconify/react, or export as JSX or Base64. No account required.
Use in React / Next.js
Install the Iconify React package and use Codicons icons directly in your project:
npm install @iconify/react
import { Icon } from "@iconify/react"
// Example Codicons icon
<Icon icon="codicon:home" className="h-6 w-6" />Browse Codicons Icons Free
543 icons. No watermarks, no account, no attribution required.