Extension
Open Source Icon for VS Code
Browse, search and insert SVG icons from 230+ open-source libraries straight into your code. Instant offline search, inserts as inline SVG or JSX, and icon data loads on demand from opensourceicon.com — no third-party services.
See it in action
Demo
Demo video coming soon
What it does
Search as you type
Instant, offline icon search across every bundled library — typo-tolerant, like the website.
Insert as SVG or JSX
Drops the icon into your file as inline SVG, a React component or a file — matched to what you're editing.
Keyboard first
Open the browser with Ctrl/Cmd+Alt+I, or run “Insert Icon by Name” from the command palette.
No lock-in
Everything it inserts is a plain SVG you own — remove the extension and your code keeps working.
Get started
- 1Install the extension from the VS Code Marketplace.
- 2Press Ctrl+Alt+I (Cmd+Alt+I on Mac) or run “Open Source Icon: Browse Icons”.
- 3Search, pick a size and color, and hit Enter to insert at the cursor.