Boxy SVG editor comes with built-in support for creation and editing of SVG icon sprites. You can play with a sample SVG sprite here [1]. Individual icons are shown under “Defs Panel -> Symbols”, to make objects recolorable you have to select them and then click “Fill Panel -> Paint -> Type -> Inherit”. [1] https://boxy-svg.com/#demo-symbols.

– Source: Hacker News
/
about 2 months ago

You might also find Boxy SVG useful as it has built-in support for symbol-based icon sprites: https://boxy-svg.com/#demo-symbols.

– Source: Hacker News
/
5 months ago

I shelled out $10 for BoxySVG a couple of years ago on Mac and it’s been a solid little tool. https://boxy-svg.com/.

– Source: Hacker News
/
5 months ago

There is also Boxy SVG (https://boxy-svg.com) which combines both designer and developer oriented functionality and uses SVG as its native file format. Unlike Illustrator/Sketch/Inkscape it can also create and manipulate SVG animation elements (https://boxy-svg.com/blog/21) – a very powerful feature which is now supported by all major browsers.

– Source: Hacker News
/
10 months ago

What I did for my instance (aipub.social) was I took the original logo file from github (https://github.com/mastodon/mastodon/tree/main/app/javascript/images) which is “logo-symbol-wordmark.svg” and pasted the SVG url into this online SVG editor, https://boxy-svg.com/ that allowed me to edit the existing one to my liking, in my case I just wanted to change “Mastodon” to “AIpub”. This keeps it the same file…

Source:
about 1 year ago

Thanks!! Agree 100% re the edges. I’ve actually tried that and failed to make it look nice. I’m very new to this and I only have Inkscape & BoxySVG, since I use a Chromebook which doesn’t work with Illustrator. I’ll keep trying, though, as I fully agree with the concept.

Source:
almost 2 years ago

We suggest that you create a diagram or map with a vector-based drawing program. A popular open source option is Inkscape, and proprietary options are Adobe Illustrator, Affinity Designer, Boxy SVG, Canvas X. It is also possible to draw with the vector drawing tools in a office program, like Excel, PowerPoint, LibreOffice or OpenOffice, which all save vector elements very similar to r/SVG file format and can…

Source:
about 2 years ago

If you have a computer that can run a graphics program, you could do digital art and comissions. There are a number of free programs out there – Photopea is free but online only, Medibang works on Windows/Mac, iPhone, iPad, and Android and appears to be free across all platforms. There’s also GIMP which is more of an image editor than an art program, and Inkscape and Boxy SVG which do vector graphics, though the…

Source:
about 2 years ago

Hello all, I am currently in the process of adding some skins to one of my paintjobs and I constantly run into the same problem. Every time I make a new skin in my preferred image editor (boxy-svg.com) I have to export the skin in .png and go to some sketchy converting website where I have to upload, convert and download the skin. There should be an easier way to do this. Does anyone know a program where I can…

Source:
about 2 years ago

I’ve found Boxy SVG (https://boxy-svg.com) to be a good visual SVG editor.

– Source: Hacker News
/
over 2 years ago

I use https://boxy-svg.com/ as my SVG editor, it is far easier than Inkscape.

Source:
over 2 years ago

You can download them as SVG files of PNG images. I used to download them as PNG and then edit them on Paint 3D. But, sometimes, you find a coat of arms were, for example, you want a supporter that is behinf the shield or partially-blocked by another element. I found out that you can take them entirely by editing the SVG file. So, for example, I would take an SVG coat of arms of the Austrian Empire (here), open it…

Source:
over 2 years ago

If you’re wondering how I drew that, Boxy Svg is the best svg editor I’ve found so far. It’s super easy to use, runs offline if you download the app, and lets you do so much more!

– Source: dev.to
/
over 2 years ago

Another good thing about SVGs is you can customize each point reference to make a shape! You can check out Boxy SVG and try to play around with SVG shapes and designs!

– Source: dev.to
/
about 3 years ago

Actually what I do is download the SVG of undraw.co and then pull up something like https://boxy-svg.com.

Source:
about 3 years ago

Https://boxy-svg.com – vector graphics editor similar to Inkscape and Adobe Illustrator. Both client- and server-side code is written with vanilla JavaScript. Since I’m targeting only Electron and modern Chromium-based browsers I can use latest web technologies without any transpilers or preprocessors. Third-party services: – Firebase (database, storage, hosting, cloud functions) – Paddle (payments, taxes) -…

– Source: Hacker News
/
about 3 years ago

WITHOUT ILLUSTRATOR

Set up an account with boxy-svg.com (It’s free!).

Source:
over 3 years ago