2026-07-14
How to Open an SVG File on Windows, Mac, and the Web
An SVG file opens instantly in any web browser, but to actually edit it you need a vector tool like Inkscape, Illustrator, or Figma.
Written and reviewed by
Shahab Uddin, Founder & Product Lead. Shahab built JPEGtoSVG.com and reviews the site's conversion guides, presets, and SVG quality advice.
Quick Answer
- To simply view an SVG file, drag it into any web browser such as Chrome, Safari, Edge, or Firefox, and it will render instantly.
- To edit an SVG, open it in a vector program like the free Inkscape, Adobe Illustrator, or Figma instead of a browser.
- Because an SVG is plain text, you can also open it in any code editor or Notepad to read and change its XML directly.
Table of contents
SVG files behave differently from JPEGs and PNGs, which is why double-clicking one often does something unexpected. Instead of an image editor, your computer usually hands the file to a web browser, and you end up viewing the artwork rather than being able to change it.
The right way to open an SVG depends on what you want to do: view it, edit its shapes, or read its code. This guide covers every method on Windows and Mac, plus the free tools that let you do more than just look.
Why double-clicking an SVG opens a browser
On most systems, the default program associated with the .svg extension is your web browser, because browsers are excellent at rendering SVG. When you double-click the file, Windows or macOS treats it like a mini web page and displays the finished graphic, giving you no tools to move points or recolor shapes.
This is not a problem; it is just a viewer. If all you need is to confirm what the file looks like, letting the browser open it is the fastest option. To change anything, you have to deliberately open the file in a design tool instead of accepting the default.
Open an SVG in a browser to view it
Every modern browser can display SVG with no plugins. The simplest method is to drag the file onto an open browser tab, or right-click the file, choose Open with, and pick Chrome, Edge, Safari, or Firefox. The graphic will appear crisp at any zoom level because it is vector-based.
Viewing in a browser is also the quickest quality check after converting an image to SVG. Zoom in with Ctrl or Cmd and the plus key; a good vector file stays sharp instead of turning blocky, which confirms the conversion worked.
- Right-click the SVG file in your file explorer.
- Choose Open with and select your browser.
- Zoom in to confirm the edges stay sharp at any size.
Open an SVG in Inkscape, Illustrator, or Figma to edit it
To actually work on an SVG, use a vector editor. Inkscape is free and open-source on both Windows and Mac, and it opens SVG natively, letting you select paths, change colors, and adjust curves. Adobe Illustrator and Affinity Designer do the same for paid users, and Figma can import SVG straight into a design file.
In any of these tools, use File then Open rather than double-clicking, so the file loads into the editor instead of your browser. Once open, each shape becomes selectable, which is the whole advantage of vector graphics over a flattened JPEG or PNG.
- Inkscape: free, cross-platform, opens and saves SVG natively.
- Illustrator or Affinity Designer: professional editing and export options.
- Figma: free tier can import SVG and edit it inside a design frame.
How to view and read the SVG code
Because SVG is written in XML, you can open it in any text editor to read the markup. On Windows, right-click and choose Open with then Notepad; on Mac, open it in TextEdit or a code editor like VS Code. You will see tags describing paths, fills, and coordinates rather than binary pixel data.
Reading the code is useful for spotting problems, such as a stray white rectangle behind your artwork or an oversized viewBox. Editing the text is powerful but unforgiving, since a single mistyped character can break the file, so keep a backup before making manual changes.
Tips and best practices
- Set Inkscape as the default Open with program if you edit SVGs often, so double-clicking loads an editor instead of a browser.
- Keep a browser tab handy as a fast preview window while you tweak an SVG in another tool.
- Open the SVG in a text editor when a graphic looks wrong; the problem is often visible in the code.
Common mistakes to avoid
- Assuming a browser can edit an SVG when it can only display it.
- Editing SVG code without a backup and breaking the file with a single typo.
- Trying to open an SVG in a raster editor like MS Paint, which either fails or flattens the vector into pixels.
Need an SVG in the first place?
Convert an image to SVG for free
Turn a JPEG, PNG, or WebP into a clean, editable SVG you can open in any browser or vector tool.
Convert an image to SVGConclusion
Opening an SVG is really two different tasks: viewing it, which any browser does instantly, and editing it, which needs a vector tool like Inkscape, Illustrator, or Figma. Knowing which one you need saves the frustration of double-clicking and getting a read-only preview.
Once you can open, view, and read the code of an SVG, the format stops feeling mysterious and becomes one of the most flexible image types you can work with.
FAQ
Why does my SVG open in a browser instead of an editor?
Your operating system has the browser set as the default program for SVG files because browsers render them well. Use Open with to choose a vector editor when you want to edit instead of view.
What free program opens and edits SVG files?
Inkscape is a free, open-source vector editor for Windows and Mac that opens SVG natively and lets you edit paths, colors, and text.
Can I open an SVG on a Mac without extra software?
Yes. Safari and Preview can display SVG files on macOS, and you can read the code in TextEdit, though editing shapes still requires a vector app like Inkscape.
How do I see the code inside an SVG file?
Open the file in any text or code editor, such as Notepad, TextEdit, or VS Code, and you will see the XML markup that defines the image.