FAQ
This page answers the most common questions about View Exports SVG, including usage, compatibility, and troubleshooting.
If you are new to the extension, start with Getting Started before reading this page.
❓ General Questions
What is View Exports SVG?
View Exports SVG is a Visual Studio Code extension that helps developers discover, preview, and manage SVG components exported from:
- JavaScript
- JSX files
- TypeScript
- TSX files
It scans your workspace and displays SVG components in a visual panel, removing the need to manually import and run code just to preview icons.
How does the extension work?
The extension:
- Scans your workspace using AST analysis
- Detects exported SVG components
- Displays them inside a VS Code WebView
- Provides tools for previewing, copying, exporting, and editing props
How do I install the extension?
Follow the steps in the Installation guide:
🧩 Framework & Compatibility
Is View Exports SVG React-only?
No — although it is optimized for React, it also works with:
- Preact
- JavaScript & TypeScript projects
- Any framework exporting JSX-based SVG components
Does it support mixed projects?
Yes. Projects mixing:
.js.jsx.ts.tsx
are fully supported.
🛠️ Usage & Features
How can I open the extension?
You can open View Exports SVG in multiple ways:
- Right-click files →
View Exports SVG 🔍 - Command Palette (⌘⇧P) →
View Exports SVG: Start Scanning
More details here:
Can I customize SVG appearance?
Yes. You can modify:
- Size
- Color
- Stroke
- Props
- Styles
using the Playground Editor inside DevTools.
🚧 Troubleshooting
Why don't my icons appear?
The most common reasons are:
- The component is not exported
- The SVG structure is unsupported
- The file is inside an ignored directory
See:
Why does Drag & Drop lose the file path?
This is a VS Code WebView security limitation.
Dropped files are read in-memory and do not expose their real OS path.
More details:
📦 Additional Support
If your question is not covered here:
- Open an issue on GitHub
Please include:
- VS Code version
- Extension version
- Sample file (if possible)
- Steps to reproduce