Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Svg Component PreviewNew to Visual Studio Code? Get it now.
Svg Component Preview

Svg Component Preview

hylxsfh

|
73 installs
| (0) | Free
Show svg preview icon in vscode gutter
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Show Svg Preview

Show svg preview icon in vscode gutter

This extension supports Vue and React. When the file extension is .vue, .jsx, or .tsx, the extension finds <svg> tags and renders their contents in the gutter of VSCode.

Features:

  • Automatically detects <svg> tags in .vue, .jsx, and .tsx files.
  • Displays the SVG images directly in the gutter for quick visualization.
  • Supports both Vue and React projects.

example

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft