https://github.com/dheovani/svg-viewer

JS SVG viewer for VSCode
https://github.com/dheovani/svg-viewer

svg svg-images svg-viewer vscode vscode-extension

Last synced: about 1 month ago
JSON representation

JS SVG viewer for VSCode

• Host: GitHub
• URL: https://github.com/dheovani/svg-viewer
• Owner: Dheovani
• License: mit
• Created: 2023-09-19T23:51:03.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-03-05T12:10:34.000Z (about 1 year ago)
• Last Synced: 2025-04-12T03:52:17.782Z (about 1 month ago)
• Topics: svg, svg-images, svg-viewer, vscode, vscode-extension
• Language: TypeScript
• Homepage:
• Size: 67.4 KB
• Stars: 5
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 🖼️ SVG Viewer for VSCode

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

![Demo](https://github.com/Dheovani/SVG-Viewer/assets/79609196/654ae0bc-c8b9-4ed2-bdf4-836a0e09e4e6)

## 🚀 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](https://marketplace.visualstudio.com/items?itemName=Dheovani.svg-viewer).

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](https://github.com/Dheovani/SVG-Viewer/assets/79609196/e346e45a-3faf-446f-8bb8-1576c4638f02)

  

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

    ![2](https://github.com/Dheovani/SVG-Viewer/assets/79609196/07a592b8-82b3-4241-a488-a63397974b23)

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

    ![3](https://github.com/Dheovani/SVG-Viewer/assets/79609196/0b83f194-4b44-44bd-9efd-0bc5aaa18abe)

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](https://github.com/Dheovani/SVG-Visualizer/issues) or [create a pull request](https://github.com/Dheovani/SVG-Visualizer/pulls).

## 📝 License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

## 📢 Feedback

If you have any feedback or questions, feel free to [reach out](mailto:[email protected]).

Happy coding! 🚀