Overview Version History Q & A Rating & Review
theSVG for VS Code
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) or Ctrl+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 Shortcuts and search for thesvg.
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
License
MIT