SVG to PDF Converter
Convert Vector to PDF Online

What does viewBox mean?

The SVG viewBox defines a rectangle in user coordinates—typically four numbers representing minimum X, minimum Y, width and height. An SVG can then be displayed at many physical sizes while keeping the same internal proportions. This converter uses the viewBox as a preferred source of aspect ratio and logical dimensions when it is present.

What if the SVG has width and height but no viewBox?

The converter reads common CSS/SVG length units such as px, pt, in, cm and mm and converts them into a working pixel size. If no usable dimensions can be found, a safe default canvas is used so the file can still be previewed and attempted.

Match SVG vs A4 or Letter

Match SVG Artwork creates a custom PDF page close to the SVG's intrinsic aspect ratio and dimensions, plus the selected margin. A4, Letter and Legal place the SVG on a conventional document page and scale it to fit the available area. For a logo or icon that should have minimal whitespace, matching the artwork is often best. For reports or attachments, A4 or Letter is usually easier to print.

Paths, shapes and strokes

Basic SVG geometry is the ideal case for vector PDF conversion. Paths describe straight and curved segments; rectangles, circles, ellipses, polygons and polylines are higher-level shape elements. A vector-capable PDF can represent equivalent drawing operations without a fixed pixel resolution, which is why logos and line art can remain crisp when zoomed or printed at large sizes.

Gradients, clipping paths and masks

Linear and radial gradients are common in modern SVG artwork and many ordinary cases render correctly. Clipping paths also have direct conceptual equivalents in page-description workflows. Masks and filter combinations are more complex and deserve visual verification because the exact SVG compositing model does not always map one-to-one to a PDF renderer.

Fonts and text

Typography is one of the most common causes of visual differences. An SVG may name a font family without embedding the font file. The browser then chooses an installed or downloadable font. svg2pdf.js documents that custom fonts and non-ASCII characters require font handling beyond the basic built-in PDF fonts. For a logo, badge or diagram where lettering must be exact, converting text to vector outlines in the source design application is often the most predictable delivery method—while keeping a separate editable source with live text.

Embedded images inside SVG

SVG can contain raster images using the <image> element. If those images are embedded as data URLs, the file is self-contained and usually easier to reproduce. If they are external HTTP resources, conversion can depend on network access and cross-origin permissions. A PDF made from such an SVG may therefore preserve the vector shapes while still containing raster images for the photo or texture portions.

Transparency and page background

SVG elements can be partially transparent. A PDF page itself is usually viewed against a white page surface, but the drawing can still contain transparent objects. This converter lets you choose “No added background” or paint a white/custom rectangle behind the artwork. For logos intended to be placed over other backgrounds later, avoid flattening transparency unless the receiving workflow specifically requires a white page.

SVG filters and blur effects

SVG filters can create blur, shadow, color-matrix, turbulence and compositing effects. These are powerful web-graphics operations, but a browser-side SVG-to-PDF library supports only a subset of the complete SVG specification. The svg2pdf.js project explicitly warns that it supports only a limited part of SVG and recommends sanitizing user-provided SVG before conversion. This page follows that guidance and provides a raster fallback for difficult artwork.

Should I use SVG, PDF or both?

Use SVG as the scalable source for the web, app interfaces, icons and design-system assets. Use PDF when the same visual needs to travel as a document page, be printed, included in a report, submitted to a portal or reviewed by someone who expects PDF. Keeping both formats avoids turning a final-form PDF back into the master source.

When should I use Inkscape, Illustrator or another desktop editor?

Use a full vector editor when the SVG contains advanced filters, exact custom fonts, spot-color or commercial-print requirements, complicated linked resources, or application-specific SVG extensions. Desktop applications can resolve fonts and effects with a richer rendering environment and may offer controlled PDF standards or print presets. This browser converter is designed for quick, private, convenient conversion—not as a replacement for every prepress workflow.

Best practice before sharing the PDF

1. Keep the original SVG file unchanged as the scalable source.
2. Use the live preview to catch missing fonts, images or unexpected whitespace.
3. Prefer vector-first conversion for paths, logos, icons and diagrams.
4. Use raster fallback only when unsupported visual effects make it necessary.
5. Open the PDF at high zoom and inspect curves, text, gradients and embedded images.
6. For commercial printing, confirm page size, color and PDF requirements with the printer.