SVG Hunter for VSCode
Hunt SVGs without leaving your code editor
Installation
- Open the Extensions sidebar in VS Code.
View โ Extensions - Search for
svg-hunter - Select
SVG Hunterand click Install
Note
We only support one external provider at the moment. If you want to suggest more, please open an issue. Anyway, we are going to add more providers in the near future.
Features
- Search for SVGs on external or local sources and insert them as HTML, JSX Component or raw JSX.
- Local (SVGs in your project folder)
- External
- SVG Porn: Tech logos
- Feel free to suggest more sources.
- Transform selected SVG to raw JSX / JSX Component.
- Copy SVG to clipboard as raw JSX / JSX Component.
Commands (6)
- Open Command Palette
Ctrl+Shift+PorCmd+Shift+Pand typesvg-hunter
| Command | Description |
|---|---|
| svg-hunter.insertSvgAsHtml | SVG Hunter: Insert SVG as HTML. |
| svg-hunter.insertSvgAsRawJsx | SVG Hunter: Insert SVG as raw JSX. |
| svg-hunter.insertSvgAsJsxComponent | SVG Hunter: Insert SVG as JSX Component. |
| svg-hunter.transformSelectedSvgToJsx | SVG Hunter: Transform selected SVG to JSX. |
| svg-hunter.copySvgAsJsxComponentToClipboard | SVG Hunter: Copy SVG as JSX Component to clipboard. |
| svg-hunter.copySvgAsRawJsxToClipboard | SVG Hunter: Copy SVG as raw JSX to clipboard. |
Support my work
