How do I edit SVG code online?

Paste or upload SVG XML in SVGEditor's online code editor, edit the markup or path attributes, and see the result in the live preview.

Can I edit an SVG path online?

Yes. You can edit the SVG source, including path data, fill, stroke, viewBox, and other XML attributes, then preview and download the result.

Does SVGEditor upload my SVG file?

No. SVG editing and preview run in your browser, so your SVG normally stays on your device.

Free SVG Editor — Open, Edit & View SVG Files Online

Open-source SVG code and path editor — paste SVG XML, edit paths, preview changes, and export right in your browser

FAQ

Quick answers

How do I edit SVG code online?: Paste or upload SVG XML, edit the markup or path attributes, and see the result in the live preview.
Can I edit an SVG path online?: Yes. Edit path data, fill, stroke, viewBox, and other XML attributes, then preview and download the result.
Does SVGEditor upload my SVG file?: No. SVG editing and preview run in your browser, so your SVG normally stays on your device.

SVG source

Ready

React component

React Native (react-native-svg)

0 B

SVGEditor is a free online SVG editor. With JavaScript enabled you can paste or upload SVG, preview it live, share a link, and export React JSX, React Native, PNG, or a Data URI — entirely in your browser.

Guides: Convert SVG to React (JSX) · SVG to React converter · Convert SVG to PNG · SVG to PNG converter · Sanitize SVG for XSS · Privacy · Terms

Live preview