Guide

How to make an SVG file: three ways

Three ways to make an SVG file: convert a picture online, draw it in a vector editor, or export from a design app. Steps, pros and cons.

Original SVG OriginalSVG Try this example
Short answer

You can convert a picture (PNG or JPG) into an SVG with a vectorizer, draw the design in a vector editor like Inkscape or Illustrator and save it as SVG, or export it from a design app such as Canva or Figma. Converting is fastest when you already have a picture; drawing gives full control.

An SVG is a picture made of shapes instead of pixels, so it stays sharp at any size and cutting machines can follow its outlines. There are three ways to make one, and the right one depends on what you’re starting from.

Which way should I use?

You have…Best wayTime
A picture (PNG, JPG, screenshot, AI art)1. Convert it with a vectorizerSeconds
An idea, or text to lay out2. Draw it in a vector editorMinutes to hours
A design already in Canva, Figma or similar3. Export it as SVGSeconds

Way 1: convert a picture into an SVG

  1. Open a vectorizer such as Vectacle’s SVG maker.
  2. Drop your PNG, JPG or WebP in.
  3. Pick the type: Auto, Logo / 1 colour (one cut shape), Clip art / stickers (flat colour layers) or Line art.
  4. Remove the background if you need transparency, and set the width in inches for cutting machines.
  5. Download the SVG.

Good for: logos, stickers, clip art, lettering and illustrations you already have as a picture. Limits: photos turn into many colour patches, and tiny details need a big, sharp source. Tip: use the biggest copy you have; images under 1,000 pixels are enlarged with AI before tracing.

Way 2: draw it in a vector editor

  1. Open a vector editor: Inkscape (free), Adobe Illustrator or Affinity Designer.
  2. Draw with shapes, the pen tool and text. For cutting, convert text to paths (Inkscape: Path › Object to Path; Illustrator: Type › Create Outlines).
  3. Save as SVG: Inkscape File › Save As › Plain SVG; Illustrator File › Save As › SVG.

Good for: original designs, precise layouts, text-heavy cut files. Limits: takes skill and time. Both editors can also trace pictures: see Inkscape and Illustrator.

Way 3: export from a design app

  • Canva: Share › Download › SVG (paid plans). Text and Canva shapes come out as vectors, but uploaded photos stay pixels inside the SVG. Details in how to vectorize in Canva.
  • Figma: select a frame, then Export › SVG in the right panel.
  • Affinity / Illustrator: File › Export › SVG.

How do I check my SVG is a real vector?

CheckReal vectorNot really
Zoom in to 800 %Edges stay sharpEdges go blocky
Open in a text editorLots of <path> shapesOne long “data:image/png” line
Upload to Cricut Design SpaceLayers by colour, clean cut linesOne flat picture

The SVG format is documented on MDN. For cutting machines specifically, see how to make an SVG file for Cricut.

You can also make an SVG without a picture: type words with Text to SVG, or make a code with QR code to SVG. To delete stray shapes or change colours afterwards, use the free SVG editor.

Questions

What program makes SVG files?

Vector editors: Inkscape (free), Adobe Illustrator, Affinity Designer, and online tools like Figma and Canva (SVG download on paid plans). To turn an existing picture into an SVG, use a vectorizer such as Vectacle.

Can I make an SVG file for free?

Yes. Inkscape is free for drawing, and Vectacle is free for converting pictures while it’s new.

Can I just rename a PNG to .svg?

No. Renaming doesn’t change what’s inside; the file is still pixels and most apps will refuse it. It has to be converted or redrawn.

Sources: MDN: SVG · W3C: SVG 2 specification

More guides