This product was not featured by Product Hunt yet. It will not be visible on their landing page and won't be ranked (cannot win product of the day regardless of upvotes).
Variable Width SVG
Turn SVG strokes into expressive variable-width icons
Give SVG icons controlled thick-to-thin strokes. Explore 204 curated examples, copy editable SVG outlines, and see how the algorithm works. Use the open-source npm package with explicit width recipes to convert your own supported stroke-based icons. Conversion runs locally with Node.js and Python; the website previews pre-generated results.
Hi Product Hunt, I’m weihua, a design engineer.
I built Variable Width SVG to explore how a little stroke variation can change the character of an icon. The converter uses a centerline and an explicit width recipe to generate editable, filled SVG outlines.
You can browse and copy 204 curated examples, compare the algorithm’s stages, or use the open-source npm package with your own supported icons. The converter requires Node.js and Python; the website displays pre-generated examples.
This is an early experimental release. Complex intersections and some SVG inputs still need manual review. I’d love to hear which icons you’d try it on and where the results could improve.
No comment highlights available yet. Please check back later!
About Variable Width SVG on Product Hunt
“Turn SVG strokes into expressive variable-width icons”
Variable Width SVG was submitted on Product Hunt and earned 0 upvotes and 1 comments, placing #69 on the daily leaderboard. Give SVG icons controlled thick-to-thin strokes. Explore 204 curated examples, copy editable SVG outlines, and see how the algorithm works. Use the open-source npm package with explicit width recipes to convert your own supported stroke-based icons. Conversion runs locally with Node.js and Python; the website previews pre-generated results.
Variable Width SVG was featured in Design Tools (263.5k followers), Open Source (69k followers), Icons (9.1k followers) and GitHub (41.4k followers) on Product Hunt. Together, these topics include over 96.9k products, making this a competitive space to launch in.
Who hunted Variable Width SVG?
Variable Width SVG was hunted by weihua. A “hunter” on Product Hunt is the community member who submits a product to the platform — uploading the images, the link, and tagging the makers behind it. Hunters typically write the first comment explaining why a product is worth attention, and their followers are notified the moment they post. Around 79% of featured launches on Product Hunt are self-hunted by their makers, but a well-known hunter still acts as a signal of quality to the rest of the community. See the full all-time top hunters leaderboard to discover who is shaping the Product Hunt ecosystem.
Want to see how Variable Width SVG stacked up against nearby launches in real time? Check out the live launch dashboard for upvote speed charts, proximity comparisons, and more analytics.
weihua