I built a small open-source library called thesvg after running into the same front-end problem a few times: brand icons are easy to mock locally, but messy to ship cleanly in production.
The gap I kept seeing:
- many teams still copy random SVGs into /public
- some icon libraries have limited brand coverage
- even when the raw asset is fine, framework packages can break in React, Next.js, Vue, or stricter bundlers
So I started building it with a different priority:
- clean brand SVGs first
- framework packages second
- reliability checks for generated output
A few practical lessons from working on it:
- generated package output needs as much validation as source files
- Next.js and SSR are good at exposing packaging mistakes
- details like root fill and stroke handling matter more than they seem
- developer trust comes more from reliability than from having a huge icon count
I am still early on distribution, so I am testing which message is clearer to developers:
1. "clean brand SVGs for web projects"
2. "framework-ready brand icons for React, Vue, and Svelte"
3. "reliable SVG logo source with raw files plus packages"
If you were the target user, which positioning would make you click?
Also curious: if you have launched open-source dev tools here, what worked better for early traction, Reddit, HN, X, or direct outreach to projects that could genuinely use it?