Polotno

File converter

AI to SVG converter

Convert Adobe Illustrator files to SVG in your browser. Paths stay paths, text stays text, and nothing is traced or flattened along the way.

Quick answer

Drop an .ai file, get a true vector SVG — real <path> data, not a bitmap in a wrapper. Multi-artboard files download as a ZIP, one SVG per artboard.

Formula: AI (PDF container) → Polotno JSON (per artboard) → SVG (vector preserved, browser-only)

Drop a AI file here to convert it to SVG

or

Runs entirely in your browser. Your file never leaves your device.

Converting one vector format to another should be lossless, yet most online converters rasterise the artwork on the way through and hand you an SVG with a picture inside it. That defeats the point. This converter keeps paths as paths.

Vector in, vector out

The parser reads the drawing instructions in your Illustrator file and re-emits them as SVG drawing instructions. A circle stays a circle described by geometry, not a grid of pixels that happens to look like one. Scale the output to a billboard and the edges stay exact.

The practical test is simple: open the exported file in a text editor. You should see <path>elements with coordinate data. A traced or rasterised “SVG” shows one giant <image> tag with base64 in it instead.

Why an .ai file can be read at all

Since Illustrator 9, every .aifile has stored a full PDF representation of the artwork next to Illustrator's own data. This is on by default, which is why a genuine .ai file starts with the bytes %PDF-1.5. The importer reads that representation directly — no reverse engineering and no fragile format sniffing.

Edit before you export

Once the file parses, the artwork opens in an editor with every object still separate. Recolour a shape to match a new brand palette, fix the wording, or delete the artboard background before you export. The SVG is written from what is on screen, so you are not exporting and then re-editing somewhere else.

Where SVG is the wrong target

Be honest about the source material. If the Illustrator file is mostly a placed photograph with a little type over it, the SVG will simply wrap that photograph as an embedded image and be larger than a plain export — use the AI to PNG converter instead. SVG earns its place for logos, icons, illustrations, diagrams, and type-led layouts.

The same conversion in code

This page is built on the public SDK. Because .ai is a PDF container, the importer needs no special case:

ai-to-svg.ts
import { pdfToJson } from "@polotno/pdf-import";
import { createStore } from "polotno/model/store";

// An .ai file is a PDF container - pass the bytes straight in.
const buffer = await file.arrayBuffer();
const json = await pdfToJson({ pdf: buffer });

const store = createStore({ key: "YOUR_KEY" });
store.loadJSON(json);
await store.waitLoading();

// One SVG per artboard. Inline font embedding writes the font into the
// file, so it renders the same on a machine that lacks it.
const svg = await store.toSVG({
  pageId: store.pages[0].id,
  fontEmbedding: "inline",
});

Full API reference: PDF Import, SVG Import, and the Import & Export overview.

Frequently asked questions

Q: How do I convert an AI file to SVG?

Drop your .ai file on the converter above. It is parsed in your browser and opens as an editable design. Click "Download SVG" to save it. A file with one artboard downloads as a single .svg; a file with several downloads as a ZIP holding one .svg per artboard.

Q: Is the SVG a real vector, or a traced image?

A real vector. The paths in your Illustrator file are read as paths and written out as paths — there is no tracing, no auto-trace guesswork, and no bitmap in the middle. Scale the result to any size and it stays perfectly sharp.

Q: What happens to text?

Text is read as real text with its font family, size, colour, and position intact, and you can retype it in the editor before you export. The export also embeds the font inside the SVG, so the file renders the same on a machine that does not have that font installed — you do not need to convert the text to outlines or wire up @font-face yourself.

Q: Are gradients, masks, and effects preserved?

Simple gradients and solid fills translate cleanly. Illustrator effects that SVG has no equivalent for — some blend modes, mesh gradients, and raster-based effects such as drop shadows or Gaussian blur — are rendered as embedded images instead, so the file still looks right. Placed photographs also stay as embedded raster images, since that is what they were in the source.

Q: Why does my .ai file fail to open?

Almost certainly because it was saved without "Create PDF Compatible File". Illustrator ticks that option by default, but with it turned off the artwork exists only in Illustrator's private format, which nothing outside Illustrator can read. Re-save with the option ticked. The converter tells you when this is the cause.

Q: Is my file uploaded to a server?

No. Parsing, editing, and the SVG write-out all run inside your browser tab, so the artwork never leaves your machine.

Open Illustrator and PDF artwork inside your own app with @polotno/pdf-import.

TRUSTED BY

100,000+

CREATORS

300+

BUSINESSES

ExpediaUnbounceLovePopPostGridPredis.ai