Skip to content
| Marketplace
Sign in
Visual Studio Code>Snippets>theSVG - SVG Icon SearchNew to Visual Studio Code? Get it now.
theSVG - SVG Icon Search

theSVG - SVG Icon Search

GLINR STUDIOS

|
1 install
| (1) | Free
Search and copy 5,650+ SVG icons (brands, AWS, Azure, GCP, Kubernetes) directly from VS Code
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

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

  1. Open the command palette: Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux)
  2. Run theSVG: Search Icons
  3. Type an icon name (e.g. "lambda", "stripe", "compute") and pick one
  4. 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

  • Browse icons: thesvg.org
  • Source: github.com/glincker/thesvg
  • npm: npmjs.com/package/thesvg

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft