Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>SVG Previewer (Toolroom)New to Visual Studio Code? Get it now.
SVG Previewer (Toolroom)

SVG Previewer (Toolroom)

VSCE Toolroom

|
204 installs
| (0) | Free
Show SVG preview to the side panel
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

SVG Previewer

Workflow

Preview only (instead of the code editor)

In case you want to see SVG preview by default instead of the source code.

Workflow

How to setup?

  • Open any SVG image
  • Execute the command "View: Reopen Editor With..." (via Command Palette)
  • Select "Image Viewer" and set it as the default

Workflow

Commands:

Command Description
Svg: Open Preview Open preview to the active view column
Svg: Open Preview to the Side Open preview to the side view column
Svg: Show Source Open source file of the active preview

Settings:

Property Description Default
svg.preview.autoOpen Open a preview to the side automatically false

Keyboard Shortcuts:

Command Keybinding
Svg: Open Preview ctrl+shift+v
Svg: Open Preview to the Side ctrl+k v
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft