SVG to PDF (Vector)

About the SVG to PDF (Vector)

Choose one or more SVG files (or paste SVG code) and get a vector PDF: shapes, lines and curves stay mathematically sharp at any zoom and print size, instead of becoming pixels. Gradients, patterns, clipping paths, masks, markers (arrowheads), transparency and blend modes are converted to their PDF equivalents, and text stays real, selectable text.

Each page can have the drawing’s own size — a 120 × 90 mm artboard becomes a 120 × 90 mm page — or a standard paper size such as A4 or Letter, with the drawing fitted inside a margin. Several SVGs become one PDF with a page each, or a separate PDF for each in a ZIP. The files are converted in your browser and never uploaded.

Common uses

• Sending a logo or illustration to a printer who asks for PDF.
• Combining charts, icons or diagrams exported as SVG into one document.
• Archiving drawings in a format every PDF reader opens.
• Printing an SVG at its exact physical size.

What is converted

• Shapes and paths — rectangles (with rounded corners), circles, ellipses, lines, polylines, polygons and paths with curves and arcs, with fill rules, stroke widths, dashes, line caps and joins.
• Transforms and viewports — transform attributes, nested <svg> viewports with viewBox and preserveAspectRatio, and <use> copies of <symbol>s and other elements.
• Paint — colours with transparency, linear and radial gradients (including focal points, gradient transforms, “reflect” and “repeat”, and stop opacity), and patterns.
• Clipping, masks and markers — clip paths, luminance and alpha masks, arrowheads and other markers, group opacity and CSS blend modes.
• Styles — presentation attributes, style attributes and <style> sheets (classes, CSS variables, currentColor), resolved by your browser exactly as it displays the SVG.
• Pictures inside the SVG — PNG and JPEG are embedded as they are; GIF, WebP, BMP and AVIF are embedded as PNG, and SVG pictures as high-resolution bitmaps.
• Links — <a> links to web pages become clickable areas in the PDF.

Text and fonts

Text stays text: you can select, search and copy it. It is set in Noto Sans (and Inconsolata for monospaced text), embedded in the PDF, at exactly the positions your browser lays it out — including text on a path, rotated letters, anchors and letter spacing. The SVG’s own font isn’t used, because a web page can’t read the font files on your computer, so lettering can look different from the original. Noto Sans covers Latin (with Vietnamese), Greek and Cyrillic; other scripts and emoji show as “?”, and the result says so.

For a logo or artwork whose lettering must look exactly right, convert the text to outlines (paths) in your design program first — in Illustrator Type → Create Outlines, in Inkscape Path → Object to Path, in Figma Flatten (Ctrl/⌘ + E).

Page size

Same as each drawing makes each page the size of its SVG: its width and height (px, mm, cm, in or pt; 96 px = 1 inch, the CSS rule), or its viewBox when no size is given. Drawings larger than 200 inches (5.08 m) on a side are scaled down to that size — the largest page PDF readers handle — keeping their proportions.

With a paper size, each drawing is scaled up or down to fit inside the margins and centred; being vector, it stays sharp at any scale. Automatic orientation turns the page to landscape for drawings wider than they are tall.

Cleaning and safety

Before converting, every SVG is cleaned: scripts and event handlers are removed (they never run), and references to other files — pictures, style sheets and fonts on other websites or on your computer — are dropped, so nothing outside the file is loaded. Animations are left out; the PDF shows the drawing before they start. The SVG is laid out in a sandboxed frame that can’t run scripts.

Standards

• Input: W3C Scalable Vector Graphics (SVG) 1.1 (Second Edition) and SVG 2, with CSS styling as browsers apply it.
• Output: PDF 1.7 (ISO 32000-1:2008) — paths and clipping (§8.5), axial and radial shadings and tiling patterns (§8.7), transparency groups, soft masks and blend modes (§11), embedded TrueType and OpenType fonts (§9).

Limitations

• Filter effects (blur, drop shadows, colour matrices, lighting) aren’t converted; those parts are drawn without the effect, and the result says so.
• HTML inside an SVG (foreignObject) can’t be converted and is left out.
• Text uses Noto Sans, not the font named in the SVG; scripts other than Latin, Greek and Cyrillic, and emoji, show as “?”.
• Pictures and fonts linked from other files aren’t loaded — only what is embedded in the SVG file is converted.
• CSS clip-path shapes such as circle() or inset() and SVG fonts aren’t supported.
• Very complex drawings (hundreds of thousands of elements) can take a long time or be too large to convert in the browser.

Privacy

Everything happens in your browser. What you enter or open here is not uploaded or stored by MySmartCoPilot.