# theSVG for VS Code

Search and copy 6,030+ SVG icons directly from VS Code. Brand logos, AWS, Azure, GCP, and Kubernetes architecture icons.

## Features

- **Search** across 6,030+ 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](https://thesvg.org)
- Source: [github.com/glincker/thesvg](https://github.com/glincker/thesvg)
- npm: [npmjs.com/package/thesvg](https://www.npmjs.com/package/thesvg)

## License

MIT