# Extensions

Use theSVG icons in your editor, design tool and terminal.

Back to the [README](../README.md).

## Extensions

Use theSVG icons everywhere you build, design, and ship. Browse the full ecosystem at [thesvg.org/extensions](https://thesvg.org/extensions).

|         | Extension | Status | What it does |
| --- | --- | --- | --- |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/figma/default.svg" width="28" height="28" alt="" /> | [Figma Plugin](https://www.figma.com/community/plugin/1612997159050367763) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | Browse 7,600+ brand SVGs, variant picker, recents row, keyboard shortcuts. Insert as editable vectors. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/visual-studio-code/default.svg" width="28" height="28" alt="" /> | [VS Code](https://marketplace.visualstudio.com/items?itemName=glincker.thesvg) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | Search 7,600+ icons from the command palette. Copy SVG, JSX, CDN link, or insert at cursor. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/raycast/default.svg" width="28" height="28" alt="" /> | [Raycast](https://www.raycast.com/thegdsks/thesvg) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | Search, preview, and copy any brand SVG in one keystroke. Filter by category, preview variants. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/claude/default.svg" width="28" height="28" alt="" /> | [MCP Server](https://www.npmjs.com/package/@thesvg/mcp-server) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | AI tool calls for Claude, Cursor, Windsurf. Fetch icons by name or category. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/claude/default.svg" width="28" height="28" alt="" /> | [Agent Skill](https://skills.sh/glincker/thesvg) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | Drop-in skill for AI agents. Install via `npx skills add glincker/thesvg`. Teaches the icon CDN and registry. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/npm/default.svg" width="28" height="28" alt="" /> | [`@thesvg/cli`](https://www.npmjs.com/package/@thesvg/cli) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | shadcn-style installer. `npx @thesvg/cli add github` drops the SVG into your project. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/homebrew/default.svg" width="28" height="28" alt="" /> | [Homebrew](https://github.com/glincker/homebrew-thesvg) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | `brew tap glincker/thesvg && brew install thesvg` |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/jsdelivr/default.svg" width="28" height="28" alt="" /> | [CDN via jsDelivr](https://www.jsdelivr.com/package/gh/glincker/thesvg) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | Serve any icon via global CDN. Drop into HTML, CSS, Markdown, Notion, Webflow, Framer. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/iconify/default.svg" width="28" height="28" alt="" /> | [Iconify](https://icon-sets.iconify.design/thesvg-color/) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | Brand icons available as [`thesvg`](https://icon-sets.iconify.design/thesvg/) (mono) and [`thesvg-color`](https://icon-sets.iconify.design/thesvg-color/) sets. Works with any Iconify-consuming tool: Mermaid architecture diagrams, Iconify's VS Code and Figma plugins, `@iconify/react`, and more. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/google-chrome/default.svg" width="28" height="28" alt="" /> | [Browser Extension](https://github.com/glincker/thesvg/tree/main/extensions/browser) | ![Beta](https://img.shields.io/badge/-Beta-d29922?style=flat-square) | Chrome, Firefox, Edge popup with 7,600+ brand SVGs. MV3, no telemetry. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/jetbrains/default.svg" width="28" height="28" alt="" /> | [JetBrains](https://github.com/glincker/thesvg/issues?q=label%3Aextension) | ![Help wanted](https://img.shields.io/badge/-Help%20wanted-6e7681?style=flat-square) | IntelliJ, WebStorm, PyCharm, Rider tool window. Help wanted. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/neovim/default.svg" width="28" height="28" alt="" /> | [Neovim](https://github.com/glincker/thesvg/tree/main/extensions/neovim) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | Lua plugin with Telescope picker. Insert SVG URL or inline content at cursor. |
| <img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/alfred/default.svg" width="28" height="28" alt="" /> | [Alfred Workflow](https://github.com/glincker/thesvg/tree/main/extensions/alfred) | ![Published](https://img.shields.io/badge/-Published-2ea043?style=flat-square) | macOS quick access. Search anywhere, copy SVG, CDN URL, or markdown. |
| <picture><source media="(prefers-color-scheme: dark)" srcset="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/sketch/dark.svg" /><img src="https://cdn.jsdelivr.net/gh/glincker/thesvg@main/public/icons/sketch/light.svg" width="28" height="28" alt="" /></picture> | [Sketch / Blender / Webflow / Notion](https://github.com/glincker/thesvg/issues?q=label%3Aextension) | ![Help wanted](https://img.shields.io/badge/-Help%20wanted-6e7681?style=flat-square) | Tracking issues open. Build a plugin and we will list it here. |

> **Build your own:** the API and CDN are fully open with no auth required. Ship a plugin or workflow, then open a PR and we will add it to the table.