Open the SVG

Open the editor. The first visit downloads the app; later visits open from cache.
Use File › Open… and pick your .svg or .svgz file, or drag it onto the window. Dropped on an open document’s canvas, it is placed there as one group; dropped anywhere else, it opens as its own document.
The artboard takes the SVG’s size. One CSS pixel becomes one point, and a file sized in millimetres keeps its physical size.

If the SVG code is on your clipboard (copied from a code editor or a website’s icon library), click the canvas and paste with Ctrl+V or ⌘V. VectorCraft pastes SVG markup as artwork.

How do you change colours?

Click an object with the Selection tool (V). If it sits in a group, the Group Selection tool or Object › Ungroup gets you to the part you want.
Set its fill and stroke in the Properties panel, or pick a colour from Swatches.
To change one colour everywhere, Select › Same › Fill Color selects every object that uses it.
Edit › Edit Colors › Recolor Artwork… remaps a whole palette at once, which suits icon sets.

How do you reshape paths?

The Direct Selection tool (A) selects single anchor points and handles. Drag them, or nudge with the arrow keys.
The Add Anchor Point (+) and Delete Anchor Point (−) tools change the points on a path; the Curvature tool bends segments without handles.
The Pathfinder panel (Window › Pathfinder) unites, subtracts, intersects and divides overlapping shapes with exact curve maths.
The Shape Builder tool (Shift+M) merges regions with a drag; hold Alt (Option) to delete them.

Can you edit the text in an SVG?

Yes. <text> elements come in as live type, with their font size, spacing and paths for type on a path, so the Type tool (T) can change the words. If the font isn’t available in the browser, choose another in the Character panel. Text that a design tool converted to outlines is paths, not type, and is edited like any other shape.

Export a clean SVG

Choose File › Export › Export As SVG…. The SVG Options dialog opens.
Pick how styling is written, the number of Decimal places, and whether to Minify the code or make it Responsive. For text, Font can keep SVG text or convert it to outlines.
Show Code previews the markup before you save. The file arrives as a browser download.

To keep editing later, also save the document with File › Save. Preserve Editing Capabilities in SVG Options stores the full VectorCraft document inside the SVG so it reopens fully editable.

What doesn’t come through?

VectorCraft reads the drawing, not the behaviour. Scripts, animation and interactivity are dropped. Filters that are a blur, drop shadow, glow or feather become live effects; other filters are left out with a warning. Raster images the SVG links to by file name can’t be found from a browser tab, so embed them in the SVG first.

Want a starting point? Generate one

The AI SVG generator on this site writes SVG icons, logo marks and illustrations from a description, using your own API key, and can revise an SVG you export from VectorCraft. To turn a PNG or JPEG into SVG instead, see how to convert an image to vector.