SVGSketch is a browser-based SVG editor for drawing, editing paths, and exporting clean scalable vector graphics with a fluent TypeScript SDK.
Free to use · No account required · Works in any modern browser
Edit the SVG - the preview updates as you type. Select a card below to try another example.
Made with SVGSketch
Select a card to preview and edit its SVG.
Every tile above is a real SVG produced by the editor or the SDK. See more examples →
Drawing, path editing, animation, and multi-format export, with data plugins built in.
Export SVG markup for use in websites and other vector editors. Copy it into your codebase or save it in version control.
Command-level control over the d attribute. Mix M, L, C, Q, A, Z in one path, switch between cubic and quadratic béziers, drag nodes and handles, convert lines to curves, smooth or simplify, reverse direction. Pen tool plus freehand with automatic curve fitting.
Editable SVG text with typography controls, text on a path, wrapping, and outlines. Fonts load from Google Fonts or your own files, and Convert to Path turns a line of type into editable glyph outlines.
A keyframe timeline for transforms, opacity, color, stroke, type and path data, with motion paths and morphs. Exports browser-native SMIL, with no JavaScript runtime.
Build icons from overlapping shapes. Drag to merge regions, extract an overlap, or cut away what you do not need.
Fill enclosed areas with colors, gradients, or patterns. Gradients and patterns align across separate editable regions.
Union, subtract, intersect, exclude, and divide any vector geometry, text included. The result is a standard path you keep editing.
Export SVG, PNG, JPEG, WebP, ICO and HTML free; PDF, DXF, Mermaid, GIF, APNG, video and batch ZIP with Pro. Every export keeps the vector source editable.
Trace PNG, JPG, WebP and GIF images into editable SVG paths in the browser, in color or monochrome, then clean up the vector output with the path tools.
Open .ai, .eps and .pdf files as editable vector documents: exact paths, gradients and masks, named layers, editable text, and an import report of what changed.
Reusable components with variant axes, instanced with <use>, and animated morphs between one variant and another.
Several fills and strokes on one shape, stacked in order, saved as a graphic style every shape stays linked to.
Preview palette replacements, isolate edits to a selected copy, and convert colors into reusable tokens. Select Same Color gathers matching artwork. Free editing features.
Arrowheads, dots and your own shapes on any stroke, as real <marker> defs: start, mid and end, oriented to the path.
Fourteen tiled presets, every one parameterized, exported as real <pattern> defs rather than flattened pixels.
A Freehand tool that fits a stroke into an editable curve the moment you release, a pen for exact anchors and handles, and shape tools with live parameters.
SVGO at export with fourteen plugin toggles, coordinate precision and deduplicated definitions.
Shortcut coverage for every tool, panel, and action - pen, transform, boolean, alignment, animation. A searchable command palette covers the rest.
Explore Plugins built by SVGSketch or build your own with the SDK.
Generate editable SVG shapes from a text prompt with the AI plugin. Free while our launch AI credit lasts: 20 generations a day with any free account. Pro raises it to 100 a day and adds Claude Opus.
Free for core editing. Pro adds advanced export, code generation, and plugins.
forever
14-day free trial · billed $108/year