Features
View Exports SVG provides a focused set of tools for discovering, previewing, and working with SVG components directly inside Visual Studio Code.
This page lists the core features available in the extension and how they are grouped by functionality.
🧭 Workspace Scanning
Automatically scans your workspace to detect all exported SVG components.
Full Project Detection
Detects exported icons across .tsx, .jsx, .js, and .ts files — no manual setup required.
Multi-file Analysis
Recursively scans all folders and submodules in your workspace, ensuring that every component is indexed.
Smart Caching
Uses intelligent caching to skip previously scanned files, making repeated scans nearly instant.
⚙️ DevTools Panel
A fully dockable panel that acts as the central interface for exploring and interacting with SVG components.
Component Explorer
Displays all SVG components with thumbnails, names, and quick actions for copying or exporting.
Interactive Playground
Edit your SVG component props in real time and instantly see the rendered output.
🧠 Productivity Tools
Utilities designed to reduce repetitive tasks and speed up SVG-related workflows.
Quick Copy
Copy component names or SVG code directly to your clipboard with one click.
Export Options
Download any icon as .svg or .png instantly.
Context Menu Integration
Launch the viewer from the right-click menu in VS Code's Explorer.
Command Palette Support
Run "View Exports SVG: Start Scanning" from the Command Palette to trigger workspace scans.
Favorites & Recents
Quickly access your most used or recently opened icons from dedicated sections.
🧩 Framework Compatibility
View Exports SVG analyzes exported components across common frontend stacks:
- React
- Preact
- JavaScript & TypeScript
tip
Projects mixing .js, .jsx, .ts, and .tsx files are fully supported.
🎨 Theme Compatibility
The extension adapts its UI to match your current VS Code theme.
Light & Dark Modes
Automatically detects your current VS Code theme and adjusts its UI for consistent readability.
Popular Themes
Compatible with popular themes like Dracula, One Dark Pro,Night Owl, GitHub Dark, and more.
Seamless Integration
Respects editor color tokens and system preferences for a natural, native feel.
🗂 Feature History
View Exports SVG is actively evolving, with features being refined and expanded over time.
If you're curious about when a feature was introduced, recent improvements, or breaking changes, you can explore the full release history in the Changelog.