GodSVG is an editor for Scalable Vector Graphics (SVG) files. Unlike other editors, it represents the SVG code directly, doesn't add any metadata, and even lets you edit the SVG code in real time. GodSVG aims to be an editor for SVG code with low abstraction, producing clean and optimized files.
Important
GodSVG is not officially released, it's currently in late alpha.
GodSVG is almost entirely made by my work in my free time. If you like this project and want to help secure it through its development, you can donate on one of the platforms listed to the right and make it a less financially stupid endeavor for me.
- Interactive SVG editing: Modify individual elements of an SVG file using a user-friendly interface.
- Real-time code: As you manipulate elements in the UI, code is instantly generated and can be edited.
- Optimized SVGs: The generated SVG files are small and efficient, and there are many options to assist with optimization.
Download the version you want from the list of GodSVG releases. If you have issues with the download, look for a TROUBLESHOOTING.txt file.
Link to the web editor: https://godsvg.com/editor
To run the latest unreleased version, you can download Godot from https://godotengine.org (development is currently happening in v4.4). After getting the repository files on your machine, you must open Godot, click on the "Import" button, and import the project.godot folder.
Another way to run the latest dev build is to open a recent commit and download its artifacts (Checks > export-optimized > Summary > Artifacts).
To report bugs or propose features, use Github's issue form. For more casual discussion around the tool or contributing to it, find me on GodSVG's Discord. All of these official communities are actively moderated.
Documentation for GodSVG is likely eventually going to be built-in. Meanwhile, the basics of using it will be outlined below.
GodSVG is something between an SVG editor and an assisted code editor for SVG files. SVGs are a text-based format, and to understand how to be efficient with the tool, it would really help to first familiarize with the SVG basics (Check out the first few tutorials here).
To add new elements (shape, group, gradient...), press the "+ Add new element" button, right-click inside the viewport to add shapes, or right-click inside the elements list. You can then select from the dropdown. You can manipulate the geometry of shapes in the viewport, or in the elements list where you can also change its other properties, like fill and stroke. You can also always modify the SVG code directly.
In the inspector, you can hover each element's fields to see which attribute they represent. You may select elements in the viewport on the right or the elements list on the left, and right-click to do operations on them such as deleting or moving them. You can also find and configure all available shortcuts in the Settings menu.
Pathdata attributes have a more complex editor that allows for selecting individual path commands with a lot of similarities to elements. You can right-click the path command and click "Insert After", then pick the one you want. If you're used to SVG paths, you can also use the M, L, H, V, Z, A, Q, T, C, S keys to insert a new path command after a selected one; pressing Shift will also make the new command absolute instead of relative.
Multiple elements or path commands can be selected as usual with Ctrl+Click and Shift+Click. Additionally, double-clicking a path command will select the whole subpath it's in.
GodSVG is licensed under the MIT License:
- You are free to use GodSVG for any purpose.
- Content created in GodSVG is completely yours, as it doesn't contain any of GodSVG's code.
- You may freely study GodSVG's code and modify it for personal use.
- You may use GodSVG's code in your own product and even distribute it under a different license, but you must clearly document that you've derived from the MIT-licensed GodSVG.
The above explanation reflects my understanding of my own license terms and does not constitute legal advice.
