SVG Guide

How to Open SVG Files on Windows, Mac, iPhone and Android

ToSVG Team
7 min read

The easiest way to open an SVG file on any device is a web browser: drag the file into Chrome, Edge, Firefox or Safari and it displays instantly. To edit it, you need a vector editor such as Inkscape, Figma or Adobe Illustrator. Below you will find how to open SVG files on Windows, Mac, iPhone and Android, plus what to do when an SVG refuses to open.

  • View: any modern web browser opens SVG files on every platform.
  • Preview in folders: Mac Quick Look shows SVGs; on Windows, a free add-on may be needed for thumbnails.
  • Edit: use a vector editor (Inkscape is free), or a text editor for the raw code.
  • Won't open? The file is often mislabeled, compressed or contains broken code.

Why SVG Files Open Differently Than Images

SVG files open differently because they are not pixel images like JPG or PNG. An SVG is a text file that describes shapes with code, so it needs an app that can read and draw that code. Browsers do this natively, while many basic photo viewers do not.

That is also why double-clicking an SVG sometimes launches a browser or a code editor instead of your photo app. Your operating system simply hands it to whichever program is registered for the .svg extension. For background on the format itself, see what an SVG file is.

How to Open SVG Files on Windows

On Windows 10 and 11, the quickest way to open an SVG file is with Microsoft Edge, which is installed by default. Right-click the file, choose "Open with," and pick Edge, Chrome or Firefox.

  1. Locate the SVG in File Explorer.
  2. Right-click it and choose Open with.
  3. Select a browser. To make it the default, choose the option to pick another app and tick the box to always use it for .svg files.
  4. The image opens in a browser tab. Zoom in with Ctrl and + to confirm it stays sharp.

Thumbnails in File Explorer: depending on your Windows version and settings, File Explorer may show a generic icon instead of a preview. Microsoft's free PowerToys utility includes File Explorer add-ons that can show SVG previews in the preview pane and as thumbnails.

Editing on Windows: Inkscape is a free, full-featured vector editor that opens SVG natively. Adobe Illustrator and Affinity Designer also work if you already own them. Basic apps such as Paint are designed for pixel images, so do not count on them for SVG.

How to Open SVG Files on Mac

On a Mac, select the SVG in Finder and press the Space bar to preview it with Quick Look. For a full-size view, open it in Safari or any other browser by dragging the file onto the browser window.

  1. Find the file in Finder.
  2. Press Space for an instant Quick Look preview.
  3. For a larger view, right-click, choose Open With, and select Safari or Chrome.
  4. To always open SVGs in a specific app, use Get Info on the file, change the "Open with" app and apply it to all files of that type.

Support for SVG in the Preview app has varied between macOS versions, so a browser remains the most dependable viewer. For editing on a Mac, Inkscape, Figma (in the browser or desktop app), Affinity Designer and Illustrator all handle SVG.

How to Open SVG Files on iPhone and iPad

On iPhone and iPad, the Files app can usually preview an SVG with a single tap, and Safari can display SVGs you open from the web or from a link. If you received the file by email or message, save it to Files first.

  1. Tap the attachment and choose to save it to Files.
  2. Open the Files app and tap the SVG to preview it.
  3. If the preview is blank, share the file to a cloud drive or an editing app that supports SVG.

For editing on iPad, design apps such as Figma (in the browser), Affinity Designer and other vector illustration apps can import SVG files. If you only need to use the file in a craft project, many cutting machine apps on iOS import SVG directly; our guide to making SVG files for Cricut covers that workflow.

How to Open SVG Files on Android

Android support varies by phone maker, so the built-in gallery app may not open SVG files at all. The reliable options are a cloud storage preview, a browser, or a dedicated SVG viewer app.

  • Cloud storage: upload the file to a service such as Google Drive or Dropbox and open it there; these apps can often preview SVG files.
  • Browser: if the SVG is online, tapping its link opens it in Chrome or another browser, where it renders like a web page.
  • Viewer apps: search your app store for an "SVG viewer." Check the permissions and reviews before installing.

If you just need a regular image to share on your phone, convert the SVG to PNG on a computer first, since PNG opens in every gallery app.

How to Edit an SVG File (Not Just View It)

To edit an SVG, open it in a vector editor where each shape stays selectable, or in a text editor where you can change the code directly. A photo editor will typically flatten the SVG into pixels and lose its scalability.

ToolPlatformsCostGood for
Web browserAllFreeViewing only
InkscapeWindows, Mac, LinuxFreeFull vector editing
FigmaBrowser, desktopFree tier availableUI work, icons, quick edits
Adobe IllustratorWindows, MacPaidProfessional print and branding work
Text or code editorAllFreeChanging colors, sizes or attributes in the code

Because SVG is plain text, small edits are easy in a code editor. Changing fill="#000000" to fill="#e11d48" recolors a shape without any design software. If you downloaded an icon from the free SVG icon library, this is the fastest way to match your brand color.

What to Do When an SVG File Won't Open

When an SVG won't open or shows as code or an error, the file is usually mislabeled, compressed, or contains invalid markup. Check these causes in order:

  1. It is really another format. Some sites serve a PNG or an HTML page with an .svg name. Open the file in a text editor: a real SVG contains an <svg tag near the top.
  2. It is a compressed .svgz file. SVGZ is gzip-compressed SVG. Some viewers cannot open it until you decompress it with an archive tool such as 7-Zip.
  3. The namespace is missing. A standalone SVG needs xmlns="http://www.w3.org/2000/svg" on the root <svg> tag. Without it, browsers may show raw XML instead of the image.
  4. The code is broken. An unclosed tag or stray character stops the file from rendering. Browsers often display an error that names the line number.
  5. It opens but looks wrong. Missing fonts, external image links or unsupported effects can make an SVG look different from app to app.

For more on why the same file renders differently in different programs, read our article on common SVG rendering problems and their solutions. If a file opens but is unusually heavy or slow, an SVG optimizer can strip unnecessary code.

Frequently Asked Questions

What program opens SVG files?

Any modern web browser opens SVG files for viewing. To edit them, use a vector editor such as Inkscape (free), Figma or Adobe Illustrator.

Why can't I open an SVG file in Photos or my gallery app?

Many photo apps are built for pixel formats like JPG and PNG and do not render vector code. Open the file in a browser instead, or convert it to PNG if you need a regular image.

Can I open an SVG file in Word or PowerPoint?

Recent versions of Microsoft 365 apps can insert SVG files as images and icons. Older Office versions may not support SVG, in which case insert a PNG version instead.

Is it safe to open SVG files?

SVG files can contain scripts, so treat files from unknown sources with the same care as any download. Viewing an SVG through an image preview is generally lower risk than opening it directly as a page in a browser.

Need an SVG version of an image you already have? Convert PNG to SVG with ToSVG for free, then open the result in any browser or vector editor.

Related articles