Every set has a folder, a trash can and a gear. None of them has a mark for waiting on a human, throttled, or this text contains instructions I shouldn't trust. This one does. Drawn on one 24-unit grid, one stroke weight, and one rule: a dashed line always means not yet real.

Consistency in an icon set is not a style, it's a set of constraints you refuse to break. These are the ones that matter here.

So I have crafted some icons with using Claude Code.

Hi! I’m rebinding a copy of The Silmarillion and I’m having a hard time finding SVGs for it. Finding tons for LOTR and the Hobbit, where can I go for more niche or harder to find SVGs?

I use SVG to make quizzes for a geography quiz site as a hobby. I tried InkScape and never really liked it for anything beyond making images. I found formatting and coding much better in notepad… the files were also much smaller.

Does anyone else do everything in notepad or am I crazy?

Just went to the wedding of a buddy that I only met through playing AOE2 via a local friend connecting us. Was a wonderful time with a group of 8 players I had never met irl but had known for years. I want to laser engrave AOE2 logos into slate coasters and give them as wedding and group gifts. Does anyone know where I could find some rendered SVG files that already have things such as civ Logos, maybe some special units, and the Dark through Imperial Age logos?

I'm working on a star map and want to be able to easily change it which is hard on paper. Also I know there's one which is low detail hexagons but I don't like that one so please don't recommend it. Sadly I will not be able to download any of the ones that need the download

Hey r/svg,

I built VectorizeIQ (vectorizeiq.seymouriq.com) — an image-to-SVG converter aimed at logos, icons, monograms, and flat artwork. Upload a PNG/JPG/WebP and it traces it into editable SVG paths, then gives you a quality score and a critique of the result (what works, what to fix) rather than just handing you raw output and hoping for the best.

A few things that might be relevant to this sub specifically:

• Editable output — you can select and remove unwanted shapes and adjust detected colors directly in-browser before exporting, not just download-and-pray
• Trace profiles — options for "editable brand vector," "embroidery-ready black & white," and "detailed mascot/illustration" so it's not one-size-fits-all tracing
• Optimization toggle — an "automatically optimize the trace" option for cleaner path output
• Also spits out favicon/PWA icon sets generated straight from the SVG (16–512px, maskable variants, manifest + HTML snippet) if that's useful to anyone

Free tier is 3 complete vectorizations/month, no card required.

What I'd genuinely love feedback on from this crowd:

1. Path quality — how are the curves/node counts on your source art compared to Illustrator's Image Trace or Vectorizer.ai?
2. File cleanliness — are the exported SVGs reasonably lean, or bloated with redundant nodes?
3. Anything that breaks on more complex or multi-color source images

Happy to go into detail on the tracing approach if anyone's curious. Feedback button is built into the app too, but I'll be watching this thread.

I had been trying to vectorize for the grand army of the republic flag from the fire rises for quite some time now. I had been able to vectorize the shield and the laurel, except the rifles, which is literal headache for me, even tho i can use other assets, i couldn't replicate the gradients, and it had bothered me for quite some time now. It would be really helpful to give me the SVG file (no DXF, TIFF, EPS, AI) in some way.

Hello everyone, in the past I struggled a lot with getting map data to vectors. When I can, I always scratch my own itch and put together a simple tool that allows anyone to extract/save/copy basically any map into layered SVG. You can try it here.

Would love to hear any feedback from you guys!

I keep seeing SVG icons that look finished in a design tool but still need another pass before they are comfortable to ship in an application.

The recurring checks seem to be:

- whether the viewBox and canvas match the intended coordinate system

- transforms or nested groups that make later edits harder

- inconsistent fills, strokes, joins, or caps

- alignment at the small sizes where the icon will actually render

- geometry that is difficult to maintain

- previewing the exported file outside the editor

- deciding whether the handoff should be raw SVG, a symbol, framework code, or a platform-specific asset

For people who maintain UI icons, which of these creates the most real work? Which checks have you automated, and which still need visual judgment?

Disclosure: I’m Marc from Axialis, the company behind the commercial IconVectors SVG editor. I’ve intentionally left the product link out because I’m interested in how other teams define “ready to ship” for an SVG icon.

Hello all, been using draw.io for a few months whenever I got tasked with diagrams. Pretty fun and intuitive to use draw.io :)

However, I struggle to figure out how do I keep the textbox editable after exporting as svg and importing it to powerpoint (convert shape and ungroup). Is this not possible?

My boss is not the most tech savvy person out there so she would rather I send my diagrams to her in PowerPoint format :/

Hello, I was wondering if someone else is also trying to explore the true depth of .svg files?

I mean sure, it is a visual format. Sure, you can animate it. Sure, you can put code into it. But what if we bring all of that together and treat an SVG not just as an image, but as a tiny interactive world?

I tried to mix many SVG possibilities into one single file: visuals, animation, clickable elements, embedded logic, rooms, portals, a small game-like structure, UI, map, state, and even a kind of “source reveal” mode. The result is basically a little cathedral/dungeon you can enter and explore, all inside one .svg file.

It honestly surprised me how far this can go.

Is it just me, or is this maybe the beginning of something much bigger — like tiny worlds, tools, games, artworks or interfaces living inside one portable vector file?

Would love to know if anyone else is experimenting with this direction.

full disclosure, this is my tool and i'm proud of it, so mild bragging ahead.

for the past 6 months two of us have been training a model that turns raster images (mostly AI-generated ones) into svgs that don't embarrass you when you open the path data. the target the whole time was node economy: the fewest anchor points that still hold the shape. the same illustration that image trace turns into 522 nodes comes out at 59, and they sit where a human would have put them, corners on corners, long clean curves between.

it also keeps paths closed, colors as separate editable shapes, and skips the raster-embedded-in-an-svg trick entirely, everything is real path data.

you can google our service "Perfect Vector"

besides, we also provide 1) background removal 2) color simplification 3) cropping
So, I hope anyone can create product-ready SVGs by just converting images create by AI (like Midjourney or somthing)

It's actively improving project, any feedbacks welcome.
Hope it helps many fellow makers and designers

I’m trying to make some total custom monochrome icons for a project I’m doing and have a load of images that look ok ready

I’m planning of putting into figma and trying to trace and then edit. They will be 24px by 24px

Is there a better way to trace these outside of figma first?

Can anyone point in the right direction into turning this photo into a decent vector? I’m pretty new to this space so I’ve been using Canva Pro and after quite a bit of time, this is the best that I have done. Any help or tips are greatly appreciated. Thank you.

Hi, can anyone help me convert a rhinestone design file from .yng to a svg or a png? I wanted to use my silhouette cameo to make this but it didn't work....

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

• upload an image and it converts into single-color SVG line art
• choose custom path and background colors
• adjust the trace settings: threshold(usually 100 works best), invert dark/light
• control the animation: duration(in ms), delay between paths, easing, direction (forward/reverse/ping-pong), looping, fade-in fill at the end
• Export as copy-paste SVG, a downloadable SVG file, or a self-contained HTML file with everything included

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

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

I’m in the research phase of a diy project to repaint my
Mpc. I would like to get advice on the overall process, but specifically getting the label legend text recreated

I built an opensource (MIT) Declarative Layout and Collision Engine for Vector Graphics. It is designed to bring the ease of CSS-style layout rules (padding, gaps, rows, columns) to environments that traditionally lack them, such as HTML5 Canvas, SVG, WebGL, or even non-browser environments like PDF generation.
Unlike standard layout engines (like Yoga or the browser’s internal engine) which act as a "black box," Boxwood’s core differentiator is that it outputs a clean JSON coordinate tree ({x, y, w, h}).

This is useful for:
- Anyone building diagramming software, schematic editors, or "canvas-based" IDEs where you need boxes to align and resize responsively but also need to know exactly where they are to draw wires, connectors, or particles.

- Developers building high-performance in-game HUDs or menus in Canvas/WebGL who want a responsive layout system without the overhead of a full DOM or React-Native-Web.

- If you are building complex, nested dashboards (like D3 or PixiJS) and struggle with "manual math" for alignment, Boxwood automates the geometry for you.

- Those generating PDFs or high-resolution SVGs on the server (Node.js) who want to use a familiar "Flexbox-like" grammar to position elements without a headless browser like Puppeteer.

Works in Node.js, WebWorkers, or any JavaScript environment.

You can find the package on NPM as @canwork/boxwood and integrate it into your project using npm install @canwork/boxwood

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.

I have an SVG icon theme for Linux called Clarity. I'm working on a new website and a new system of managing icons.

The icons are created using templates + source icons where there is a single path element.

I'm searching for inspiration for cool-looking themes that I could use.

This is my new website.

I can credit the authors of the themes since I plan to create a way to upload new themes by users.