Extension
Open Source Icon for VS Code
Browse, search and insert SVG icons from 230+ open-source libraries straight into your code. It runs the website's own search — typo-tolerant, filtered by library and collection — and inserts plain inline SVG or JSX. Activate it once with the free license key from your account.
See it in action
Demo
Demo video coming soon
What it does
Search as you type
The website's own search, inside your editor: typo-tolerant, ranked, filtered by library and collection.
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
- 1Activate your license: install the extension from the VS Code Marketplace, then paste the free key from your account settings on opensourceicon.com into the activation card (or run “Open Source Icon: Set license key”). Nothing searches without it.
- 2Press Ctrl+Alt+I (Cmd+Alt+I on Mac) or run “Open Source Icon: Browse Icons”.
- 3Search and narrow by library or collection — the same results the website gives you.
- 4Pick a size and color, and hit Enter to insert at the cursor.