Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>SVG-ViewerNew to Visual Studio Code? Get it now.
SVG-Viewer

SVG-Viewer

Dheovani

|
75,294 installs
| (3) | Free
JS SVG viewer for VSCode
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

🖼️ SVG Viewer for VSCode

Welcome to the SVG Viewer extension for Visual Studio Code! 🎉

Demo

🚀 Features

  • Allows you to view SVG images directly within VSCode.
  • No need to open external applications to see your SVG files.
  • Simplifies your workflow when working with SVG assets.

💡 How to Use

  1. Install the extension from the Visual Studio Code Marketplace.

  2. Open a folder or workspace in VSCode.

  3. Choose one of the following:

    1. Click on a SVG file and select "Yes" on the message displayed

    1

    1. Right-button click on the image you want to see and select Open preview

    2

    1. Click on a SVG file and press ctrl+shift+t

    3

  4. The SVG image will be displayed in a new tab within VSCode, allowing you to view and interact with it.

  5. Enjoy the convenience of visualizing SVG files without leaving your code editor! 🖼️

🤝 Contributing

Contributions are welcome! If you find any issues or have suggestions for improvements, please feel free to open an issue or create a pull request.

📝 License

This project is licensed under the MIT License. See the LICENSE file for details.

📢 Feedback

If you have any feedback or questions, feel free to reach out.

Happy coding! 🚀

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