Pick up where you left off?Your last local draft is ready.
Import filesBring your vectors in
Artboard 1080 × 1080
YOUR VECTOR WORKSPACE
Make it your own.
A little recolor. A whole new idea.
Open an SVG and start creating.
Pick up a draft
Start fresh
Free to create. No account needed.
0 objectsReady to create
100%
How to Use the SVG Editor
Getting Started
Upload an SVG file by clicking Upload SVG Files in the left sidebar, dragging a file onto the canvas, or using the landing screen drop zone. You can also paste SVG code directly — click the Paste SVG Code button on the landing screen or press Ctrl/Cmd + V anytime to import SVG markup from your clipboard. You can import multiple SVGs into the same canvas.
Canvas & Navigation
- Choose a canvas size from the preset dropdown or enter custom dimensions.
- Zoom in/out with the +/− buttons, Ctrl + scroll wheel, or pinch gesture.
- Pan by holding Space and dragging the canvas.
- Click Fit to auto-fit the canvas to the viewport.
Selecting & Moving Elements
- Click any element on the canvas to select it. Drag to reposition.
- Select all: Ctrl/Cmd + A
- Multi-select: Click and drag on empty canvas area to draw a selection box, or hold Shift and click additional elements.
- Use the Position & Size panel on the right to set exact X, Y, width, height, and rotation values.
Grouping & Ungrouping
- Select layers with the checkboxes in Layers, or Shift + click elements. Click Group selected layers at the top of the inspector or in Layers. Shortcut: Ctrl/Cmd + G.
- Select a group and click Ungroup to break it back into individual elements.
Autosave & Local Drafts
Edits save automatically in this browser. Open the save-status menu under your document name to see recent drafts with artwork previews. After a reload, choose Keep editing or Start fresh. The New design button starts a blank canvas and keeps your previous artwork in Local drafts. Clearing site data removes drafts, so export a file to keep a copy.
Step-by-step guides
Draw with Pen Edit nodes & curves Create gradients Align with snapping Group & ungroup Use design starters Recover local drafts
Styling Elements
- Fill: Toggle fill on/off. Pick a color using the color picker or enter a hex value.
- Stroke: Toggle stroke on/off. Customize color, width (0.5–20px), and style (solid, dashed, dotted).
- Opacity: Adjust element transparency with the slider.
Layer Ordering
- Bring Front / Send Back: Move elements to the very top or bottom of the stack.
- Forward / Backward: Move elements one level up or down.
- Use the Layers tab in the left sidebar to see and select layers by name.
Shapes & Text
- Add basic shapes (rectangle, circle, triangle, line, star, polygon) from the Shapes tab.
- Add text (heading, subheading, body) from the Text tab. Double-click text on the canvas to edit it inline.
Pen, anchors & gradients
- Pen (P): Click for corners or drag to create curve handles. Choose Finish for an open path, or Close to make a filled shape. Enter finishes; Escape cancels.
- Anchor (A / N): Select an individual path or basic shape. Drag its anchor points and teal curve handles, add or delete points, or give an anchor two curve handles. Ungroup imported artwork first.
- Gradients: In the Fill section, choose Linear or Radial. Edit the direction, color stops, positions and opacity.
- Snap (S): Align moving objects and drawing points to artboard and object edges or centers. Set grid snapping in Canvas. Hold Alt to bypass snapping.
Background
- Switch to the Canvas tab to set a transparent, solid color, or custom hex background.
- Transparent backgrounds show a checkered pattern and are preserved in PNG exports with alpha.
Keyboard Shortcuts
UndoCtrl + Z
RedoCtrl + Shift + Z
Select allCtrl + A
DeleteDelete / Backspace
DuplicateCtrl + D
CopyCtrl + C
Paste SVGCtrl + V
Zoom inCtrl + Scroll Up
Zoom outCtrl + Scroll Down
Pan canvasSpace + Drag
Exporting
Click Export in the top-right corner and choose SVG, PNG, or JPG. The file downloads instantly to your device.
Frequently Asked Questions
What is the SVG Editor?
The SVG Editor is a free, browser-based vector graphics editor. You can open, edit, recolor, resize, and transform SVG files without installing any software. It also lets you add shapes, text, and backgrounds, then export your work as SVG, PNG, or JPG.
Is it really free? Do I need to sign up?
Yes, it's 100% free with no sign-up required. There are no watermarks, no usage limits, and no hidden fees. Just open the editor and start working.
What file formats can I import?
The editor accepts .svg files (SVG/XML format). You can upload files, drag & drop them, or paste SVG code directly from your clipboard using Ctrl+V. You can import multiple SVGs into the same canvas and combine them. For raster images, consider using our Vectorize tool to convert them to SVG first.
What export formats are available?
You can export in three formats: SVG (vector, lossless, scalable), PNG (raster with transparency support), and JPG (raster, smaller file size, white background). All exports are generated client-side — nothing is uploaded to a server.
Is my data private? Are files uploaded anywhere?
Your files never leave your browser. All editing and exporting happens entirely on your device using client-side JavaScript. No data is sent to any server, making the editor completely private and secure.
Can I edit individual elements inside an SVG?
Yes. Imported SVGs often arrive as a single group. When you select a group, the editor shows a prominent Ungroup to edit elements banner — click it to break the SVG into individual elements (paths, shapes, text) that you can select, move, recolor, resize, and restyle independently. You can also re-group elements anytime by multi-selecting them.
How do I recolor an SVG quickly?
Open the Recolor tab in the left sidebar. It automatically detects every color used in your SVG and shows them as swatches — click any swatch to instantly replace that color everywhere it appears. You can also apply one-click palette presets (Invert, Grayscale, Sepia, Clay, Cartoon Vivid, Pastel, Warm, Cool, Neon, Noir), hit Randomize for a fresh palette, or Reset to original at any time. It's the fastest way to restyle an entire illustration without selecting each shape. See the Recolor guide for a full walkthrough.
Can I use this on mobile?
The editor has a mobile-friendly layout with a bottom navigation bar and slide-up panels. While full functionality works best on desktop, basic editing, uploading, and exporting work on mobile devices too.
Can I combine multiple SVG files?
Absolutely. Import as many SVG files as you like — they'll all appear on the same canvas. Arrange, resize, and layer them, then export everything as a single combined file.
What browsers are supported?
The editor works in all modern browsers — Chrome, Firefox, Safari, Edge, and Brave. For the best experience, we recommend using the latest version of your preferred browser.
Where can I find SVG files to edit?
Browse our SVG library for thousands of free vector graphics. You can also generate new vector images with our AI Vector Generator or convert raster images using Vectorize.