SVG editor
Draw shapes and text, or open an SVG file, then move, recolour and export it. You can also see the SVG code and copy it.
How to use
- Draw with the tools (box, circle, line, pen, text) or press “Open an SVG file”.
- Click Select, then click a shape to move it, resize it with the round handles, or change its colour.
- Press Download SVG (or PNG). Open “SVG code” if you want to copy or paste code.
SVG editor
This editor builds your SVG itself from simple, validated shapes. When you open an SVG file or paste code, only plain shapes (rectangles, circles, ellipses, lines, polylines, polygons, paths and text) are read; scripts, images, filters, links and styles are skipped for your safety and you are told what was skipped.
Curved paths are converted to many short straight segments, and transforms inside the file are ignored. It is built for simple icons, diagrams and logos rather than for editing complex artwork.
The optional AI command tab lets a chatbot describe a drawing as a list of safe elements — it never outputs raw SVG code, so nothing unsafe can sneak in.
Frequently asked questions
Is it safe to open an SVG from the internet?
The file is never shown directly. Only plain shapes are read and rebuilt, and anything else (scripts, images, links, styles) is skipped.
Why does my SVG look a little different after opening it?
Curves are approximated, and gradients, filters, patterns, transforms and styles from the file are not supported.
Can I copy the SVG code?
Yes. Open “SVG code” under the canvas and press Copy. You can also edit the code and press Load code.
More Drawing Tools
📖 Guide：Flowchart symbols explained: how to draw a clear flowchart · Drawing Tools ›