
I draw my first SVG today
I decided to create a favicon for my blog, so I drew a favicon
and it kinda sucks xD it should become a cat in the beginning, but after messing up the ears and mouth i gave up and decided its gonna become a demonic kitty xD

I decided to create a favicon for my blog, so I drew a favicon
and it kinda sucks xD it should become a cat in the beginning, but after messing up the ears and mouth i gave up and decided its gonna become a demonic kitty xD
Hi guys, i need a svg file for my project.
Ive managed to convert a png to SVG but there is like 1 line of pixels that is just wrong.
I fail to edit/remove this.
3hours in claude drives me crazy now without any succes.
I come to reddit to ask someone to edit my svg picture.... Its not even funny anymore 😂
Any voluntair that could help me to erase some pixels...?
Thought it would be cool to add a self-drawing SVG animation to my portfolio, but it took some time to figure out. anime.js has this feature, but getting it to work properly and converting an image into a clean SVG paths (with the right threshold and other settings) may take some time. So I built a tool for it.
You drop in a photo or logo -> it converts it into SVG paths -> animates those paths(they draw themselves like a pen sketch)
features/how to use
Works best with illustrations, cartoons, and clean line drawings. Real-world photos can be harder to convert into clear SVG paths
Repo: https://github.com/a1stok/img2svg-animation
Live demo: https://img2svg-animation.vercel.app/
Open to feedback or suggestions if you have any
I’m repainting the shell on my MPC Live 3 and I’d like to recreate all of the factory labels (button names, icons, logos, etc.) so I can either make a stencil or cut vinyl masks before applying new paint.
Has anyone already traced the entire front panel into an SVG, AI, or DXF? If not, what’s the best workflow for creating an accurate legend?
Wanted to share my little side project: a 360° panorama viewer built entirely out of HTML + one SVG filter. No WebGL, no Three.js, no 3D library at all.
Live demo (drag to look around, scroll/pinch to zoom): https://mu-777.github.io/svg-360-viewer/why360svg.html
The whole trick is feImage + feDisplacementMap. You generate a "displacement map" PNG, feed it into the filter along with your 360° equirectangular panorama (dropped into a <pattern>), and the filter does all the warping that gives the 360°-ish perspective. The drag/zoom interaction is maybe 10 lines of JS — everything else is pure declarative SVG.
If you want to try it on your own image, there's a small generator here that spits out the displacement map + the SVG markup for you: https://mu-777.github.io/svg-360-viewer/
(No panorama handy? Wikimedia Commons has a category full of equirectangular ones you can test with.)
It's a pretty niche idea, but it was a fun rabbit hole to go down — I'd love for people to mess around with the demo, and if it ends up useful for an actual project of yours, even better.
And... This is my first post here, and I'm not English native, so apologies in advance if I'm breaking any rules/manner of this place
It feels great to finally make it past that first hurdle of just shipping something (that's not for a game jam). I started building this tool so that I could recolor the Godot Engine icons for when I compiled the engine from source to match my color scheme. Without this tool, recoloring thousands of icons would have been a painful process, even with scripts and command line tools, because I'm a very visual developer.
I hope that you can all get some good use out of this, sometimes it feels crazy that I couldn't find anything like it before (though I won't mind you pointing something out if you know of one).
I did set a price for the binaries on Itch.io; I opted for the Aseprite/Ardour model to help motivate me for all my work. But I definitely support and suggest exporting it from source yourselves if that's more to your liking.
Also, if you can think of anywhere else I should post about a tool like this, in case it can legitimately help someone with their graphical design work, please let me know.
Source on Github
Binaries on Itch.io
EDIT: Oh wow. One glaring detail I just realized is that there's no tutorial available on all the features/how to use the tool! Make sure to backup you SVG files before playing with it. Its late right now, but I'll put together a video tomorrow.
Most QR generators are quite limited stylistically. I quite like seeing differentiated designs that attract the eye but also compliment their immediate context e.g. poster
Bar.codes is our free to use qr code generator. The piece I'm happiest with is custom SVG support for the dots, your own shape instead of a fixed preset list, plus a solid range of frames and customisation controls. Exports in multiple formats, 200px up to 2000px so it holds up in print.
Appreciate any feedback. If you get use out of it and want to show support, please share it about.
SVGym is an open-source SVG optimizer that goes beyond SVGO. SVGO applies the same fixed set of plugins to every file, which is why a tool like SVGOMG exists for hand-tuning file by file. SVGym automates that per-file adaptation and adds a safety check SVGO doesn't have.
It profiles each file, applies the transforms that fit it, and after every step it renders the result and checks SSIM, reverting anything that drops visual quality. So the output is smaller but never broken, and it won't strip hover states, animations, or media queries the way SVGO sometimes does. On my test set it lands roughly a third smaller than SVGO's output on a typical file.
There's a browser version that runs entirely on your machine (nothing is uploaded, which matters if you don't want your designs leaving your computer), and a CLI that can also optimize a whole folder of icons into a sprite sheet. It's MIT, deterministic by default (no API key, no network), with an optional AI fallback.
If you're curious how it was built (I used an LLM to discover the optimizations, then compiled them into deterministic code), I wrote that up too.
Try it: https://maziars.github.io/svgym/app/
Code: https://github.com/maziars/svgym
How it was built: https://same-fridge-b15.notion.site/The-Missing-Arrow-Distilling-Agentic-Hill-Climbing-into-Deterministic-Code-Software-3-0-1-0-37e44c00e05d81cba14cf0dfe1b7a4a7
Would love feedback, especially files where it does worse than SVGO or breaks something.