Skip to main content
View Exports SVG Logo

View Exports SVG

🚀 The ultimate tool to explore and manage SVG components directly in Visual Studio Code.

View Exports SVG is a powerful Visual Studio Code extension that revolutionizes how developers interact with SVG components. It goes far beyond simple file previews — offering a complete workflow for discovering, inspecting, and managing your SVG assets without leaving your editor.

Whether you're working on a large icon library or dynamic SVG components, View Exports SVG gives you the visualization power and DevTools you need.


🔍 Key Features

Explore the powerful features that make View Exports SVG an essential tool for managing your SVG components directly within Visual Studio Code.

Advanced DevTools Panel

A fully dockable, feature-rich panel to browse and manage SVG components.

Interactive Playground

Edit and preview SVG components in real-time using an integrated code editor.

Workspace Scanning

Automatically detect all exported SVG components across your entire project.

Favorites & Recent

Quickly access your most used or recently opened icons.

Context Menu & Commands

Launch the viewer via right-click menu, Command Palette, or drag & drop.

Framework Compatibility

Works seamlessly with JavaScript and TypeScript projects using React, Preact, and more.


🚀 See It in Action

Discover how View Exports SVG helps you explore and manage your icons effortlessly.


Ready to streamline your workflow?

Start using View Exports SVG today and see how it transforms the way you work with icons in VS Code.