Search and copy 5,650+ SVG icons directly from VS Code. Brand logos, AWS, Azure, GCP, and Kubernetes architecture icons.
Features
- Search across 5,650+ icons from the command palette
- Copy SVG to clipboard with one keystroke
- Copy as JSX for React projects
- Copy CDN link (jsDelivr) for HTML/CSS
- Insert at cursor directly into your code
- Multiple variants per icon (color, mono, dark, light, wordmark)
- Offline-first - icon index cached after first load
Usage
- Open the command palette:
Cmd+Shift+P(macOS) orCtrl+Shift+P(Windows/Linux) - Run
theSVG: Search Icons - Type an icon name (e.g. "lambda", "stripe", "compute") and pick one
- Choose an action (copy SVG, copy JSX, copy CDN, insert, etc.)
No default shortcut is bound so nothing gets shadowed. Bind any command to a key you like via
Preferences: Open Keyboard Shortcutsand search forthesvg.
Commands
| Command | Description |
|---|---|
theSVG: Search Icons |
Open icon search |
theSVG: Copy SVG |
Search and copy SVG |
theSVG: Copy as JSX |
Search and copy JSX component |
theSVG: Copy CDN Link |
Search and copy jsDelivr URL |
theSVG: Insert SVG at Cursor |
Search and insert into editor |
Collections
| Collection | Icons |
|---|---|
| Brand Icons | 4,037 |
| AWS Architecture | 739 |
| Azure Services | 626 |
| Google Cloud | 214 |
| Kubernetes | 38 |
Links
- Browse icons: thesvg.org
- Source: github.com/glincker/thesvg
- npm: npmjs.com/package/thesvg
License
MIT
