View and export
SVG files on Windows
SVG Explorer adds native SVG support to Windows Explorer — thumbnails, previews, and a dedicated app for viewing and batch-exporting your SVG files to any image format.
Installation
SVG Explorer is distributed through the Microsoft Store as a single package that installs both the desktop app and the Windows Explorer shell extensions.
No configuration needed. After installation, SVG thumbnails and the preview pane will work automatically in Windows Explorer. Just navigate to a folder containing SVG files.
What gets installed
SVG Explorer App
A desktop app for opening, viewing, and exporting SVG files. Accessible from the Start menu.
Shell Extensions
Background components that power SVG thumbnails and the preview pane in Windows Explorer. These run automatically — no action needed.
The Interface
SVG Explorer has a simple left-hand navigation with four pages. You can open SVG files by clicking Open SVG File, dragging a file onto the window, or launching it from Windows Explorer.
Opening a file is required before the Images and Export pages become usable. The Home page always offers an Open SVG File button to get started.
Opening a file
There are three ways to open an SVG file in the app:
- Click Open SVG File on the Home or Images page and pick a file from the browser dialog.
- Drag and drop an SVG file from Windows Explorer directly onto the SVG Explorer window.
- In Windows Explorer, right-click an SVG file and choose Open with → SVG Explorer. The app opens and goes straight to the Images page.
Windows Explorer Integration
Once SVG Explorer is installed, Windows Explorer gains two new capabilities for SVG files — no extra steps required.
SVG Thumbnails
SVG files display their actual graphic content as a thumbnail in Explorer's icon view. You can see what's inside each file without opening anything.
Preview Pane
Select an SVG file and press Alt+P (or use View → Preview Pane) to see a live, zoomable preview directly inside Explorer — no app launch needed.
Using the Preview Pane
The preview pane renders your SVG at full quality. Here's what you can do inside it:
| Action | How |
|---|---|
| Zoom in / out | Hold Ctrl and scroll the mouse wheel |
| Scroll the image | Use the scroll bar or scroll the mouse wheel |
| Change background | Right-click the preview for a list of background colours (white, grey, black, checkerboard, and more) |
| Reset view | Right-click and choose a background colour to reset the zoom or choose (Unset) to reset to default background. |
Checkerboard background: right-click the preview and choose Checkerboard to display transparent areas as a grey-and-white grid — useful for checking how your SVG looks with transparency. It's also a common standard for representing transparency in image editing software, so it can help you spot any unintended transparent areas in your design. Also its size is fixed at 10x10 pixels, so it gives you a sense of scale when zooming in and out.
Thumbnail background colour
By default, SVG thumbnails have a transparent background (the Windows Explorer background shows through).
Viewing SVGs
The Images page is SVG Explorer's main viewer. It renders your file at high quality and lets you zoom and inspect it in detail.
Zoom
Use the Zoom dropdown in the top-right of the Images page to jump to a specific zoom level: 10%, 25%, 50%, 75%, 100%, 125%, 150%, 200%, 400%, and more. You can also type a custom percentage into the box.
While looking at the image, hold Ctrl and scroll the mouse wheel to zoom smoothly. A small indicator shows the current zoom level as you scroll.
Background colour
Click the Background Colour button (top-right of the Images page) to open a colour picker and set the background shown behind the SVG.
| Option | What it does |
|---|---|
| Checkerboard toggle | Shows transparent areas as a grey-and-white grid. When enabled, the colour picker is disabled. |
| Colour picker | Choose any colour including alpha (opacity). Your choice is remembered when you reopen the app. |
| Transparent button | Resets the background to fully transparent (no colour fill). |
Image information
Below the page title, SVG Explorer shows the intrinsic dimensions of the file — the width and height as defined in the SVG itself (typically in pixels). This is the "native" size of the artwork, independent of how you've zoomed the viewer.
SVG is a vector format, so you can zoom to any size without quality loss. The intrinsic dimensions are only relevant when you export the image.
Exporting Images
The Export page converts your SVG into raster images (PNG, JPEG, etc.) or PDF. You can export at multiple sizes in a single click — great for producing icon sets or assets at standard dimensions.
Export settings
| Setting | Description |
|---|---|
| Output Folder | Where exported files are saved. Defaults to Pictures\SVG Explorer. Click Browse to pick a different folder, or Open Folder to view the current destination in Explorer. |
| File Name Template | Controls how exported files are named. Uses tokens like {name} and {size} — see the token reference below. A live preview shows what the file name will look like. |
| Image Format | The output format: PNG, JPEG, PDF, BMP, HEIC, and others. See the full list below. |
| Overwrite | When on, existing files with the same name are overwritten silently. When off, existing files are skipped with a warning. |
| Preserve Transparency | When on, the exported image keeps transparent areas. When off, transparent areas are filled with a white background. Only available for formats that support transparency (PNG, PDF, BMP with alpha, etc.). |
Export sizes
Each row in the size list represents one output file. The number is the pixel size — the SVG is scaled to fit within a square of that size. Default sizes are 16, 32, 48, 64, and 256 pixels.
Add Size
Adds the next standard size (16→32→48→64→256). If all standard sizes are already added, it doubles the largest existing size.
Clear All / Remove
Click Clear All to remove every size, or click Remove next to a single row to delete just that size.
You can also edit the size number in any row directly — click on it and type a new value, or use the up/down arrows. Sizes are always sorted smallest to largest.
Running an export
- Open an SVG file on the Images page first.
- Navigate to the Export page.
- Set your Output Folder, Format, and Sizes.
- Click the blue Export button. A toast notification confirms how many files were saved.
The Export button is disabled if the output folder path is invalid, the file name template is missing {size}, no sizes are listed, or no format is selected. A red message explains what needs to be fixed.
File name template tokens
Customise how exported files are named using these tokens in the File Name Template field:
Example template: {name}_{size} produces files like icon_16.png, icon_32.png, icon_256.png. The {size} token is required — the Export button won't activate without it.
Recent Files
The Recent page keeps a list of SVG files you've opened before, so you can jump back to them quickly.
| Action | Description |
|---|---|
| Click a file link | Opens that SVG file in the viewer, navigating to the Images page. |
| Clear Recent | Removes all entries from the history list. You'll be asked to confirm if the list isn't empty. |
| Remove Missing | Scans the list and removes entries for files that have been deleted or moved. |
The recent files list stores up to 100 entries by default. You can disable it entirely in Settings if you prefer not to track recently opened files.
Settings
The Settings page has a small number of options. Most configuration happens in context — for example, zoom and background colour on the Images page, and export options on the Export page.
| Setting | Options | Description |
|---|---|---|
| Theme | Light Dark System | Controls the app's colour scheme. System follows your Windows light/dark mode preference. |
| Recent Files | On / Off | When turned off, SVG Explorer stops recording recently opened files. If you turn it off while the list has entries, you'll be asked whether to clear them or keep them. |
Additional settings are saved automatically when you use the app and are not exposed on the Settings page. They include your last-used export folder, file name template, image format, export sizes, background colour, and checkerboard preference. These are all stored in a settings.json file in your local app data folder.
Supported Export Formats
SVG Explorer can export to all image formats registered on your Windows system, as well as PDF. The list below shows the most common ones. Formats marked with a green dot support transparency (alpha channel).
* HEIC/HEIF requires the HEIF Image Extensions package from the Microsoft Store or any third-party codec that registers HEIC/HEIF support on the system. If it's not installed, this format won't appear in the list.
* PDF saves one PDF file per export size. Each PDF contains a single page with the SVG rendered at the specified dimensions. Transparency is supported if your PDF viewer supports it (Adobe Acrobat, Edge, InkScape and others do; some viewers may not).
Best for icons: use PNG with Preserve Transparency on. PNG is widely supported and produces pixel-perfect icons at any size with full alpha channel support.
Keyboard Shortcuts
Quick actions available in SVG Explorer and in the Windows Explorer preview pane.
In the SVG Explorer app
In the Windows Explorer preview pane
Window & navigation
Tips & Tricks
Producing a complete icon set
- Open your SVG in SVG Explorer.
- Go to the Export page. The default sizes (16, 32, 48, 64, 256 px) cover the standard Windows icon set.
- Choose PNG format with Preserve Transparency on.
- Use the template
{name}_{size}so files are namedmyicon_16.png,myicon_256.png, etc. - Click Export. All five sizes land in your output folder in one go.
Checking transparency before exporting
On the Images page, turn on the Checkerboard toggle (inside the Background Colour flyout). Transparent areas of your SVG will show as a grey-and-white grid — a quick way to confirm the artwork has the alpha you expect before exporting.
Keeping the recent files list tidy
If you move or delete SVG files, their entries remain in the recent list. Go to Recent Files and click Remove Missing to clean up any broken links automatically.
Dark mode
SVG Explorer follows Windows theme settings by default. If you prefer a fixed theme regardless of system settings, go to Settings and choose Light or Dark explicitly.
Single instance: SVG Explorer runs as a single window. If you open it from Explorer while it's already open, the existing window is brought to the front and the new file is loaded — you don't get two windows.