How to Open SVG Files: Every Method Explained
From web browsers to professional design software — all the ways to open and view SVG files on any platform.
The Simplest Method: Open in a Browser
Any modern browser (Chrome, Firefox, Safari, Edge) opens SVG files natively. Just drag the SVG file onto a browser window or use File > Open. The SVG renders at its defined size on the browser canvas. This is the fastest way to preview SVG files.
View SVG Code in a Text Editor
Since SVG is XML, any text editor opens and displays the SVG code. VS Code, Notepad++, and even basic Notepad all work. This is the method for developers who want to read or edit the SVG markup.
- VS Code: drag and drop the SVG file, or open with File > Open
- VS Code with SVG Preview extension: see visual preview + code side by side
- Right-click an SVG file and 'Open With > Notepad' for basic viewing
Open SVG in Design Software
For editing vector paths and shapes, open SVG in dedicated design tools.
- Adobe Illustrator: File > Open — SVG imports as fully editable vectors
- Figma: drag and drop into a project — imports as editable vector frame
- Inkscape (free): File > Open — full SVG editing support
- Affinity Designer: File > Open — excellent SVG support
- Sketch: File > Open — SVG import supported
Open SVG in Windows
Windows doesn't natively preview SVG thumbnails in Explorer. To open SVG files on Windows: drag to Chrome, Edge, or Firefox for instant viewing; or right-click and Open With > browser. For thumbnail previews in File Explorer, install the 'SVG Explorer Extension' (free tool).
Open SVG on Mac
macOS opens SVG files in Safari by default. You can also use Preview (right-click > Open With > Preview). Finder shows SVG thumbnails natively on macOS Catalina and later.
Open SVG on Mobile
On iOS, tap an SVG file in Files or Mail to open it in the browser. On Android, Chrome opens SVG files natively. Most file manager apps on Android can browse to and open SVG files in a browser or viewer app.
Frequently Asked Questions
Why can't I open my SVG file in Windows Photo Viewer?
Windows Photo Viewer doesn't support SVG. Use a browser (Chrome, Edge) or install an SVG viewer. Photos app in Windows 10/11 also doesn't render SVG natively.
Can I open SVG in Microsoft Word?
Word 2016 and later supports SVG insertion (Insert > Pictures). Older versions don't. The SVG displays as a static image in Word — not editable as vector paths.
Why does my SVG look different in different applications?
Different SVG renderers (browsers, design tools, OS viewers) handle some SVG features differently — particularly filters, gradients, and fonts. Chrome/Firefox are the most spec-compliant renderers.
Can I open SVG files on iPhone?
Yes. iOS Safari renders SVG files. Tap any SVG link in Safari, or open SVG files from the Files app — they open in Safari for preview.
How do I open a very large SVG file?
Large SVG files (100KB+) may render slowly in browsers. For editing, Inkscape handles large SVGs well. Avoid opening very large SVGs in browser DevTools — the DOM tree becomes unwieldy.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Convert Image to SVG — Free