What Is an SVG File? A Crafter’s Plain-English Guide

What Is an SVG File? A Crafter's Plain-English Guide design cut out and laid on a cutting mat

An SVG (Scalable Vector Graphics) file describes a picture as shapes and lines instead of colored dots. A cutting machine’s blade needs exactly that, a path to follow, which is why SVG is the standard file for Cricut, Silhouette and most other craft cutters.

That’s the short answer. The rest of this guide explains what’s going on inside the file, how it differs from a PNG or JPG, and what separates an SVG that cuts clean from one that makes a mess. There’s a one-shape practice file below so you can see it all for yourself.

Your free cut fileFree
Preview of the Your free cut file
FileSizeMaterialLayersCheck
Practice heart3.12 × 2.88 inVinyl1 layer✓ Cut-checked
⬇ Download ZIP (28 KB)
SVGDXFPNG
Free for personal use and for up to 500 handmade items you sell. Please link to this page instead of sharing the file. License

The practice file is a single heart, 3.1 x 2.87 in, built for adhesive vinyl. It’s one closed outline with nothing inside it, which makes it the simplest possible cut file: one shape, one cut line.

Vectors vs pixels

Picture two ways of telling someone how to draw a heart.

The first way: “Here’s a grid of 300 by 300 squares. Square 1 is white, square 2 is white, square 3 is pink…” and so on for 90,000 squares. That’s a raster image, the kind stored in PNG and JPG files. Each square is a pixel. Zoom in far enough and the curves turn into stair steps, because there’s nothing smaller than a pixel.

The second way: “Start here, curve up and over to this point, dip down to the center, curve back over, and come to a point at the bottom. Fill it pink.” That’s a vector image. It stores the instructions, not the result, so the heart is equally sharp at 1 in or 10 ft. The “scalable” in the name means exactly that.

A cutting machine doesn’t care about color dots. It needs to know where to drag the blade. A vector file hands it that route directly, while a raster image has to be traced first, with software guessing where the edges are. That guessing is why a traced PNG often cuts with wobbly or jagged edges.

What’s actually inside an SVG

An SVG is a plain text file written in a format standardized by the W3C, the group that maintains web standards. You can open one in Notepad or TextEdit and read it. Open our practice heart and you’ll find a short header with the size (width and height in inches) and then one line that starts with <path fill=”#d9667a” d=”M0.83 0.05 C… and runs for a few hundred characters.

The letters are drawing commands and the numbers are coordinates in inches. M means “move the pen here,” each C draws a curve, and Z closes the shape back to where it started. The whole heart is one M, six curves and a Z. Other files also use L for straight lines and Q for simpler curves. Your cutting software reads the path and turns it into a cut line.

Three details in that file matter to crafters:

  • The path is closed. The Z at the end joins the outline into a loop. A cutter can cut an open path too, but you get a shape with a gap in its edge, which usually means a piece that won’t come free.
  • The fill color. Cricut Design Space uses fill colors to sort shapes into layers. Its help center says files designed with layers are separated into layers automatically after upload. One color means one layer.
  • The size. Our files record their real size in inches. Cricut’s help center says an uploaded SVG keeps its original size, so the heart should arrive at 3.1 in wide.

SVG vs PNG, JPG, DXF and PDF

You’ll see all of these on free-file sites. Here’s what each one does for a cutting machine user.

Format Type Cuts directly? Good for
SVG Vector Yes Cricut Design Space, Silhouette Studio Designer Edition and up, Inkscape and most other cutting software
DXF Vector Yes, as cut lines Silhouette Studio Basic Edition. Cricut Design Space accepts DXF on desktop but not in its iOS or Android app
PNG Raster No, it has to be traced Previews and Print Then Cut. Supports a transparent background
JPG Raster No, it has to be traced Photos. No transparency, so the background has to be removed
PDF Either Not in Design Space Printing. Cricut’s help center lists PDF as unsupported for upload

That’s why our ZIPs include an SVG, a DXF and a PNG. Silhouette’s own support pages say Studio opens SVG files in the Designer Edition or above, so the DXF is there for people on the free Basic Edition. The PNG is a preview.

What makes an SVG cut clean

Being a vector file doesn’t guarantee a good cut. An SVG can be full of problems that only show up on the mat. The common ones:

  • Overlapping shapes that were never welded. If a script word is built from separate letters that overlap, the blade cuts every outline, including the parts hidden inside the neighboring letter. You end up with a word chopped into pieces.
  • Hairline strokes. A line drawn as a stroke with no fill has no width to cut around. Depending on the software, it either vanishes or gets cut as a single slit.
  • Parts too thin for the material. A serif that’s fine on screen can be thinner than the blade can cut cleanly at the size you’re making it. This depends on the size, not the file format.
  • Unsupported contents. Cricut’s help center lists items Design Space can’t use in an uploaded SVG or DXF: pattern or gradient fills, clipping paths, live text that hasn’t been converted to shapes, linked images and embedded raster images. It also caps uploads at 5,000 paths.

Every file on this site is welded into closed paths and checked by code at its listed size for those thin-part and tiny-piece problems before it ships. Our page on how we make and check files explains the process. When a file from somewhere else misbehaves, why your SVG cuts wrong walks through diagnosing it.

Size and material belong together. A design that passes at 10 in wide in adhesive vinyl might have parts too fine to cut at 3 in, or in iron-on, which needs bolder lines. That’s why each of our files lists the size and material it was checked at.

Try it with the practice heart

Five minutes with the heart will teach you more than any explanation.

  1. Unzip the download. On a computer, double-click the ZIP (Mac) or right-click it and choose Extract All (Windows). On a phone, open it in your Files app. You’ll see practice-heart.svg, a DXF, a PNG and a README.
  2. Peek inside. Optional, but interesting: open the SVG in a text editor and find the single <path line. That one line is the whole design.
  3. Upload the SVG. In Design Space, choose Upload, then Upload Image, and pick the SVG. Notice it skips the cleanup screens a PNG would go through, because the cut lines are already defined. Full steps are in how to upload an SVG to Cricut Design Space.
  4. Check the size. The width and height boxes should read about 3.1 in by 2.87 in.
  5. Compare with the PNG. Upload the PNG too. Design Space treats it as a basic image and asks you to define what to keep. Put the two side by side on the canvas and you’ll see the difference between a ready-made cut path and a traced one.
  6. Cut it. Use a scrap of adhesive vinyl. One outline, one cut, nothing to weed inside. Save the heart for the transfer tape guide, which uses the same file.

Mistakes that trip people up

Renaming a PNG to .svg. Changing the extension doesn’t change what’s inside. The file is still pixels, and most software will either refuse it or show nothing.

An SVG with a picture stuffed inside. Some “SVGs” are really a PNG wrapped in an SVG container. They open fine in a browser but have no cut paths. Design Space flags embedded images as unsupported. If a file looks perfect but won’t cut, this is a likely reason.

Uploading the ZIP. Cutting software can’t read a ZIP. Unzip first, then upload the SVG inside.

Assuming bigger is always safe. Scaling up a vector keeps edges sharp, but a design meant for a mug can look sparse and thin-lined on a porch sign. Scaling down is riskier, since thin parts get thinner.

Want to make your own? How to make an SVG cut file in Inkscape starts from text and ends with a clean, welded file. And if you only have a PNG, how to convert a PNG to an SVG explains when tracing works and when it won’t.

Questions

Is an SVG file the same as a cut file?

An SVG is the most common cut file format, but not every SVG cuts well. A good cut file uses closed, welded paths with no hairline strokes, embedded images or parts too thin for the material at its size.

Can I open an SVG without Cricut or Silhouette software?

Yes. Any modern web browser will display it, Inkscape will open and edit it for free, and a text editor will show the code inside.

Why does my SVG upload as one piece when it has several colors?

Design Space separates layers by how the file was built. If the designer merged everything into one shape with one fill, it uploads as a single layer. Ungroup the image on the canvas to see what layers it actually contains.

What’s the difference between SVG and DXF?

Both are vector formats with cut paths. SVG keeps fill colors and layers; DXF comes in as plain cut lines. DXF is mainly useful for Silhouette Studio Basic Edition, which doesn’t open SVGs.

author avatar
Clean Cut SVG Studio
The Clean Cut SVG studio designs free cut files in code and checks every one at its listed size so it cuts and weeds clean. We write plain-English guides for Cricut, Silhouette and other cutting machines.