Shapes, stars and polygons
Draw rectangles, circles, lines and freehand strokes. Add stars, polygons, arrows and ready-made symbols from the shape library.
FREE ONLINE SVG EDITOR
Vector Editor Online
Open an SVG, fix a shape, change a color or add a line of text, then download a clean vector file. It's a free SVG editor that runs in your browser, so there's nothing to install.
Free, no sign-upFiles stay on your deviceNo watermark
Your vector workspace
Files stay on your device
For precise editing, use a larger screen. You can scroll the workspace sideways here.
Getting your workspace ready…
Open or save a file from the SVG-Edit menu. Select a tool to start drawing.
Powered by SVG-EditHOW IT WORKS
How to edit an SVG file online
Three steps, all on this page. You don't need an account.
01
Open your SVG
Choose Open SVG from the editor's main menu and pick a file on your computer. No file yet? Load the example or start on a blank 800 × 600 canvas.
02
Make your edits
Click an object to select it. Pick a new fill or stroke color, drag a node to reshape a curve, or click into the text and type. Made a mistake? Press Ctrl+Z, or Cmd+Z on a Mac.
03
Download your SVG
Choose Save SVG in the same menu to download the file. Shapes, paths and text stay editable, and the edges stay sharp at any size.
WHAT YOU CAN DO
A free SVG editor with real vector tools
Use it for logos, icons and diagrams, or for a quick fix to a file you already have.
Path and node editing
Draw curves with the path tool. Then move single nodes and their handles, add or delete nodes, or turn any shape into a path.
Fills, strokes and gradients
Set fill and stroke colors, gradients, line width, dashes and opacity. The eyedropper copies a style from one object to another.
Editable text
Add text and change its size, weight, alignment and spacing. Fonts come from your device, so text may look different on another computer.
Layers, groups and alignment
Put parts of a drawing on separate layers. Group objects, line them up, spread them evenly, and bring them forward or send them back.
Move, resize, rotate, flip
Use the handles to transform any object, or type exact X, Y, width and angle values. Undo and redo let you try an idea and step back.
Edit the SVG code
Open the source view to read or change the SVG code by hand. When a visual tool can't reach something, like an ID or the viewBox, this can.
Grid, zoom and connectors
Show a grid for neat spacing and zoom in on tiny details. Connector lines link two shapes and stay attached when you move them.
Bring in other files
Open SVGs saved from other design apps, then check filters and effects before you save. Use Import to drop another SVG, or a PNG or JPG, into the drawing you're working on.
What is an SVG file, and why edit it as a vector?
SVG stands for Scalable Vector Graphics. Instead of storing pixels, an SVG file stores shapes, lines, curves and text as instructions, and your browser redraws them at whatever size you need.
That is why a logo saved as SVG looks sharp on a phone screen and on a poster. It also means you can change one color or one curve later. In a JPG you would be painting over pixels.
An online vector graphics editor lets you make those changes without buying or installing desktop software. Open the file, fix what you want and save it as SVG again.
Sharp at any size
Scale an icon from 16 px to a banner with no blur.
Plain text inside
An SVG is code you can open in any text editor.
Easy to change later
Every shape, color and word stays its own object.
WHO IT'S FOR
Who uses this online vector editor?
Designers fixing icons and logos
Recolor a logo for a dark background, thicken a thin stroke, or remove a stray shape from an icon before you hand it off.
Developers cleaning up SVG for the web
Check the viewBox, rename IDs, delete hidden layers and save a tidier SVG for your site or app.
Crafters preparing cut files
Put each color on its own layer, delete details too small for a blade, and resize the design before you load it into your cutting machine's software.
Students and teachers
Draw diagrams, labels and simple illustrations for slides and worksheets, even on a school computer where you can't install apps.
What this online SVG editor can and can't do
Here's what works and what doesn't, so you know before you start.
Works well
- Opening, editing and saving SVG files
- Icons, logos, badges, diagrams and simple illustrations
- Changing colors, strokes, text and path shapes
- Editing the SVG source code by hand
Not supported here
- Saving as PNG, JPG or PDF. This page saves SVG only.
- Opening AI, EPS or PDF files directly. Export them as SVG first.
- Turning a photo into vector shapes. Use Photo to Vector for that.
- Auto-save. Download your SVG before you close the tab.
Don't have an SVG yet?
Start from an image or a text prompt with our other tools, then open the result here to edit it.
Questions about the vector editor
Open your SVG and start editing.
The free vector editor is right at the top of this page. Make your edits and download your SVG when you're done.
Back to the editor