Vector Editor — SketchValley

100%

Snap to grid

Design

Select an object, or draw a new one, to edit its fill, stroke and other properties here.

Name

Width

Height

Fill

Stop

Opacity 100%

Click the ramp to add a stop · drag a stop to move it · drag the handles on the object to set direction.

Stroke

Width 2

Opacity 100%

Arrange

Corners

Font

Size Weight

Pathfinder

Select 2 or more shapes to combine.

Layers

Import

Supports SVG, PNG, JPG, GIF, WebP, and Adobe Illustrator (.ai/PDF) files. SVG and .ai shapes come in as real, editable paths — not flattened images.

.ai files must be saved with Illustrator's "PDF Compatible" option. Live text and embedded raster images inside the file aren't imported yet.

No files are stored on our server

Export

SVG

Scalable vector, editable in other apps

PNG

Flattened image, transparent background

3D Preview — Extrude

Select a single closed shape (rectangle, ellipse, star, or a closed path) or a text object to extrude it into 3D.

Geometry

Depth

40px

Bevel

Bevel Width

Bevel Height

Bevel Segments

Bevel Smoothness

Scene

Background

Light Intensity

Light Direction

Light Height

Shadow

Shadow Opacity

Drag to orbit · Scroll to zoom · Right-drag to pan

Shear

Angle °

Axis

Preview updates live on the canvas as you type.

How to use the Vector Editor

V Select tool — click to select, drag handles to resize/rotate, drag empty space to marquee-select.
A Direct Selection — click a path to edit its anchor points. Drag an anchor or its curve handles, shift-click or marquee to multi-select, Del to remove selected anchors.
Every sharp corner shows a small amber handle — drag it inward to round that corner. Select several corners (shift-click, marquee, or Ctrl+A for all of them) first, then drag any one handle to round them together in a single motion.
P Pen tool — click to add corner points, click-drag for curved points. Click the first point (or press Enter) to finish.
R O L Rectangle, ellipse and line — click and drag on the canvas.
T Text — click on the canvas, then type.
Shear tool — select an object first, then drag to slant it (Shift constrains to 45° steps). Alt+click, or double-click the tool, opens the Shear dialog for an exact angle, axis, live preview and an option to shear a copy instead of the original.
Del Delete the current selection.
Ctrl+Z / Ctrl+Shift+Z Undo / redo.
Space+drag, or scroll, to pan. Ctrl+scroll to zoom.
Red smart guides appear while drawing or dragging when an edge, corner or center lines up with another object. Hold Alt to temporarily disable snapping.
Import button in the toolbar — bring in an SVG, a PNG/JPG/GIF/WebP image, or an Adobe Illustrator (.ai/PDF) file. SVG and .ai shapes come in as real editable paths, not flattened images. You can also paste directly from your clipboard.
Everything you draw exports as real SVG — download it, or export a flattened PNG.