https://github.com/railly/svg-hunter-vscode

Hunt SVGs without leaving your code editor ✨
https://github.com/railly/svg-hunter-vscode

hunter logos react svg svg-icons svgr vscode-extension

Last synced: 27 days ago
JSON representation

Hunt SVGs without leaving your code editor ✨

• Host: GitHub
• URL: https://github.com/railly/svg-hunter-vscode
• Owner: Railly
• License: mit
• Created: 2023-01-18T01:40:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-09T01:11:25.000Z (over 3 years ago)
• Last Synced: 2025-08-19T07:43:06.707Z (10 months ago)
• Topics: hunter, logos, react, svg, svg-icons, svgr, vscode-extension
• Language: TypeScript
• Homepage: https://marketplace.visualstudio.com/items?itemName=RaillyHugo.svg-hunter
• Size: 1.98 MB
• Stars: 1
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          


	


	

	SVG Hunter for VSCode





  Hunt SVGs without leaving your code editor

  




## Installation

1. Open the **Extensions** sidebar in VS Code. `View → Extensions`

2. Search for `svg-hunter`

3. Select `SVG Hunter` and 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](https://www.svgporn.com/): 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+P` or `Cmd+Shift+P` and type `svg-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