SVG Stroke Studio

Turn your SVG logos/icons into hand-drawn animations

7 followers

Turn your SVG logos/icons into hand-drawn animations

7 followers

A single-purpose tool that does one thing well instead of a motion suite you rent forever. You upload your SVG, trace the path a pen would take across your logo/icon. That stroke becomes a mask, and your artwork is revealed as it draws. Per-stroke width, order and pauses defined, then export animated SVG, MP4, WebM or GIF. No account, no sign-in, your artwork is never stored. Free to use and preview. $3.50 once per project to export. No subscription.

Payment Required

Launch tags:Design Tools•Icons•Logo Design

Launch Team

Dropbox SignSimple, secure eSignatures for the way your team works.

Promoted

Perspective - Pitches and proposals

Maker

📌

I built this for myself then productised it out of curiosity. I wanted my logo to animate as if hand-drawn. My first port of call was Claude and Claude Design, but a model has no way of knowing the order or direction a person would actually draw the marks in. Most of the other tools I found are built around motion graphics; an animated SVG is an output they can't produce. So I set about solving it directly: you trace a rough centreline over your artwork, and that line becomes a mask that reveals the original file as it draws. I'm launching here to ask fellow designers and developers a straight question: would you use this?

Report

2mo ago

Reviews