dddraw
freehand SVG drawing tool
brush selection ↷
About this freehand SVG drawing tool
🖌️ Just a little app to freehand draw some SVGs that have a hand-drawn feel. Simply pick a color, brush style and brush size, and then start drawing fun shapes and doodles that you can export as SVG. A smoothing will be applied to your strokes, which makes it easy to draw smooth lines. Some of the brushes apply more smoothing than others.
Note that when working with gradient colors, only one gradient for the entire drawing will be applied. When working with solid colors instead, you can add brush strokes of various colors to your drawing.
🔧 The final SVGs can become quite complex, so I'd recommend running your exported SVGs through a tool like SVGOMG to optimize the final output.
🙌🙌🙌 This tool is made possible thanks to the Two.js library by Jono Brandel, and the perfect-freehand library by Steve Ruiz.