SCALABLE VECTOR GRAPHICS (SVG) EDITOR
SVG is the standard format for storing vector graphics such as icons, banners, charts and illustrations.
Boxy SVG project goal is to create the best SVG editor for non-technical users as well as for professional designers and developers.
• Clean and intuitive UI heavily inspired by Inkscape, Sketch and Adobe Illustrator
• Extensive support for on-canvas editing of object geometry, transform, paint and other properties
• Save to SVG and SVGZ formats, export to PNG, JPG, WebP, PDF and HTML5
• Pixabay integration with over a million free stock photos and vector assets
• Google Fonts integration with hundreds of free fonts
• Configurable keyboard shortcuts for over 100 commands
• Manual guides, smart guides and grid
• Path operations (unite, intersect, subtract, exclude, close, reverse, etc.)
• Arrangement operations (align to, rotate, flip, order, group, etc.)
FOR WEB DEVELOPERS
• Chromium-based rendering engine
• SVG and CSS code inspector similar to Chrome Dev Tools
• Clean SVG output that preserves IDs, classes, titles and other metadata
• SVG sprites editing support
** This project is in active development with new features added each month. If you are missing something or you found a bug, please let me know by sending an email to firstname.lastname@example.org **
- Bugfix: Can't edit symbol, pattern or marker by double-clicking it
- Bugfix: Photos imported from Pixabay have incomplete description
Ratings and Reviews
Fantastic Basic SVG Editor
Boxy SVG is a super tool to have on hand - especially at under $10.
Are there more expensive vector tools out there, with more features? YEP, but some are old and out of date, some are bulky and resource hogs, and some require you to sign-up for an online account to save locally on your Mac… Boxy SVG does what it’s designed to do, and it does so extremely well. I’ve used it to create quick logos, design vector shapes to import into 3D printing design tools, and create designs for vinyl cutting. If you are looking for a fast SVG tool, look no further!
My favorite SVG editor
I’ve been using Boxy SVG for over half a year now. I just make icons for my app: nothing too advanced, but I needed a good editor and it turns out that was pretty hard to find. I tried out a few apps before settling on this one, which in my opinion was significantly better and more user friendly. Normally I don’t leave reviews, but almost every week I see an update to the app that makes it better and better so I wanted to thank the dev for his efforts. You’re doing a great job!
Something like an early beta
Seems to consistently display imported SVGs different than other programs, including transforms being off, objects showing a fill when they shouldnt, and other things being wrong; similar sorts of issues also seem to happen when opening SVG files made by Boxy SVG in other programs. This is quite odd since it is clearly an ELectron based app, so I would expect it to display SVGs the same way Chrome does.
It is missing basic functionality other low-end/free programs have like adding drop shadows or blur to lines and such.
The only XML editor that I could find in the program (i.e., the “Elements Panel”), which was necassary to get anything done, was also clearly just the Chromium developers tools, so no better than just using a standard browser to edit the SVGs.
The interface is nicely straightforward, which makes doing simple things convenient, but it is good for only really doing simple things.
Overall, I’ve wasted enough time with Boxys bugs and limitations, so back to the free alternatives (InkScape, Vectr, etc) for me, for now.
Developer Response ,
Boxy SVG uses the same rendering engine as Chrome and therefore it should render 99% of SVG files exactly the same way.
The remaining 1% are the files that make heavy use of "use" and "foreginObject" elements or contain external references. Those features are hard to support due to their complexity or platform restrictions. There is no editor that would fully support the entire SVG standard, but I would dare to say that Boxy SVG is one of the very few editors that comes close to it.
If some SVG file does not render correctly, please send it to email@example.com or open an issue on the public bug tracker (https://boxy-svg.com/bugs) so that I could investigate it further.
If you want to check whether Boxy SVG will be able to open your SVG file before purchasing it, please open Chrome, go to https://boxy-svg.com/app and drag the SVG file from the file manager into the web app canvas.
I have implemented the "Elements" panel from scratch, it does not share any code with the Chrome / Chromium developer tools (though it has similar look and feel). I'm planning to greatly improve this panel later this year.
With Family Sharing set up, up to six family members can use this app.