# theSVG for Raycast

Search, preview, and copy 6,030+ brand SVG icons from [thesvg.org](https://thesvg.org) directly in Raycast.

## Commands

### Search Brand Icons

Browse and search the full theSVG library. Filter by category, preview icons, and copy SVG source code instantly.

**Actions:**

- **Copy SVG** (`Cmd+C`) - Copy the SVG source code to clipboard
- **Copy Direct URL** (`Cmd+Shift+C`) - Copy the theSVG direct URL
- **Copy jsDelivr URL** (`Cmd+Option+C`) - Copy the jsDelivr CDN URL
- **Open on theSVG** (`Cmd+O`) - Open the icon page in your browser
- **View Details** (`Cmd+D`) - See all variants, SVG source, and metadata
- **Copy as JSX** (`Cmd+Shift+J`) - Copy as a React JSX component
- **Copy as HTML** (`Cmd+Shift+H`) - Copy as an `<img>` tag
- **Copy as Data URI** (`Cmd+Shift+D`) - Copy as inline data URI
- **Copy Hex Color** (`Cmd+Shift+X`) - Copy brand color

### Quick Copy

Copy a brand SVG instantly without opening Raycast's UI. Type the brand name as an argument.

Example: `Copy Brand Icon` > `github` copies the GitHub SVG to your clipboard.

## Preferences

| Setting | Description | Default |
|---------|-------------|---------|
| Default Variant | Which variant to copy (default, mono, light, dark) | Default (Brand Color) |

## Features

- Search 6,030+ brand icons with alias matching
- Filter by 100+ categories (AI, Design, DevTool, Cloud, etc.)
- Preview icon thumbnails in the list
- View all available variants (up to 7 per icon)
- Copy raw SVG source code
- Copy as JSX React component, HTML img tag, or Data URI
- Copy brand hex color
- Copy CDN URLs (thesvg.org + jsDelivr)
- Full detail view with SVG source preview

## Links

- [thesvg.org](https://thesvg.org) - Browse all icons
- [GitHub](https://github.com/glincker/thesvg) - Source code