How to edit SVG files in your browser

SVG (Scalable Vector Graphics) stores a picture as shapes and paths — math, not pixels. That is why a logo saved as SVG stays razor-sharp whether it is a favicon or a billboard, and why it is the right format for icons, logos and illustrations. It also means you can open the file and edit the actual shapes rather than pushing pixels around.

Editing the SVG source is almost always better than editing an exported PNG. Move an anchor point and the curve stays smooth; change a fill and the color is exact; scale the whole thing and nothing blurs. To do that you need an editor that understands vectors.

The EditItAll vector editor opens SVG files directly in your browser:

• Open the editor and load your .svg — a logo, an icon set or an illustration.
• Use the selection tool (V) to move and resize whole objects, and the direct-selection tool (A) to grab individual anchor points.
• Recolor fills and strokes, edit any text with the type tool (T), and nudge shapes into place with smart guides and Illustrator-style shortcuts.

Your work auto-saves to your browser as you go, and the whole editor keeps running if you go offline after it loads — a clear sign your file is not being sent anywhere.

The real power is in reshaping paths. The pen tool (P) places anchor points with bezier handles, so you can redraw a curve, add a point to a logo, or trace a new shape from scratch. The pencil is there for freehand drawing.

To build more complex artwork, combine simpler shapes with boolean operations: Unite to fuse them, Minus Front to punch one out of another, Intersect to keep only the overlap, and Exclude to drop it. These run on an exact-arithmetic geometry engine, so the resulting edges stay clean instead of drifting by fractions of a pixel. It is how you turn a few rectangles and circles into a finished icon.

When you are done, save back to .svg to keep the file fully editable, or export a PNG at 2× when you need a raster image for the web or a document. If you already have an SVG and only want a PNG, the dedicated SVG to PNG converter does that in one step.

Two honest limits: the editor reads standard SVG, not Adobe's .ai or .eps files, and it does not do gradient mesh, pattern fills or CMYK color. For editing everyday logos, icons and illustrations as SVG, though, everything you need runs on your device. Open the vector editor to start.