Export PDF to SVG
Export vector lines, glyph paths and images as per-page SVGs
Files are processed only in this browser. Nothing is uploaded to a server.
Export each page’s vector lines, glyph outlines and embedded images as a separate SVG
This PDF is password-protected.
Continue in another tool
Processing…
Everything runs inside this browser. Your file is never sent to a server.
Your file is ready to download
Continue with this result
Open page preview
Changing a setting hides the previous result. Run it again to save the latest settings.
Remove the password from an encrypted PDF first. Processing focuses on page content, so bookmarks, attachments, forms and signatures may not be preserved. Keep the original and check the result.
Working…
0.0
It hasn't frozen — the result will appear when the calculation finishes.
About Export PDF to SVG
This tool exports each PDF page as its own SVG file. Lines and shapes become vector paths, text becomes paths traced from the glyph outlines, and photos are embedded as PNG. It’s meant for moving a logo, diagram or infographic out of a PDF and into a web page, Figma or Illustrator where it has to stay sharp at any zoom.
Each SVG keeps the page size in points, so an A4 page becomes a 595.28 × 841.89 pt SVG. A multi-page PDF produces one file per page, and you can download them all as a ZIP.
Recording the drawing instead of translating the file
pdf.js, the PDF engine used in browsers, once had an SVG output back end, but it has since been removed. So this tool listens in while pdf.js paints a page onto a canvas, records each instruction — fill this path with this colour, place this image here — and writes those instructions out as SVG elements.
Text is captured by making pdf.js draw glyph outlines instead of using the font file. The result looks identical on a machine without the original fonts, but the letters in the SVG are shapes: you can’t select, search or retype them.
What doesn’t come through intact
- Gradients and pattern fills can’t be carried over as vectors, so just that shape’s area is baked into an image (PNG, 2 pixels per point) and placed in the same spot. The colours look right, but they blur when you zoom in far and can’t be recoloured in an editor.
- Clipping: clipping paths are carried over as SVG clipPaths, so a photo shown through a circular or rectangular frame stays cropped. Soft masks with feathered edges and transparency groups, though, come through as already-composited images.
- Blend modes such as multiply or screen are ignored and drawn as normal overlap. Opacity values are kept.
- File size: photos are re-saved as PNG, so they often end up larger than the JPEGs inside the original PDF.
Worked examples
Lifting a logo from a brochure cover
- Input
One cover page with a flat-colour vector logo, a background photo and a gradient band- Output
One SVG: logo and title text as editable paths, photo and gradient band as embedded PNGs
Import it into Figma and copy just the logo paths. The gradient band arrives as an image of the same shape, so to change its colours, draw a new gradient in its place in the editor. Zooming in on the SVG also tells you at once whether the logo was ever vector artwork or just a picture.
How to use it
- Open the PDF.
- When conversion finishes, move the slider to preview each page.
- Download the SVG for the page you need, or all pages as a ZIP.
Frequently asked questions
Can I edit the text in the SVG?
No. Letters are outline shapes. To change wording, delete those shapes in your editor and type new text. If you need the text itself, use the PDF text extraction tool.
Will a scanned PDF become vector art?
No. A scanned page is a single image and goes into the SVG as one image. The tool doesn’t trace bitmaps into lines.
Anything to watch for on the web?
Text-heavy pages turn every letter into a path, which makes files large. The tool works best on pages dominated by logos and shapes.
Sources
Last reviewed: