Vector Pen Canvas
Draw freehand vectors plus rectangle, ellipse, and line shapes on canvas — color and stroke control included. Sketch icons and diagrams with SVG/PNG export — local Fabric work, unlimited saves.
Runs on Fabric.js
How to Use the Vector Pen Canvas
Similar Tools You Might Need
See allFavicon Generator
Generate favicon packages — PNG icons plus Apple touch icons — from one image. Note: the .ico file is PNG data renamed (modern browsers only). Ship every platform icon in one pass — local generation, unlimited saves.
Color Blindness Simulator
Simulate color blindness: preview designs through protanopia, deuteranopia, and tritanopia filters — catch invisible-to-some UI. Fix red-green errors before users suffer — local Canvas work, free, no signup.
SVG Editor
Edit SVG code with live preview — paths, fills, transforms. Tweak icons without Illustrator — local editing, unlimited saves.
Logo Maker
Design simple logos with text, tagline, and 5 preset icons on canvas — export PNG/SVG. Draft startup marks in an afternoon — local Canvas work, unlimited saves.
PNG to SVG
Turn a PNG (or JPG/WebP) into SVG two ways: Embedded Vector Wrapper (full-size base64 image in an SVG shell — scales without re-saving, not true vectors) or Silhouette Path Trace (black-only 1px-rect tracing of dark pixels on a capped 250px thumbnail). Downloads as traced_vector.svg — local Canvas work, no uploads.
Frequently Asked Questions
Freehand or shapes?
Both — freehand pen strokes plus rectangle, ellipse, and line shapes with color and stroke-width control. No bezier anchor editing; built for quick sketching and diagrams.
Edit after drawing?
Select tool repositions objects, undo removes the last stroke, and clear resets the canvas. A multi-page bar keeps separate sketches per page.
Export formats?
SVG for infinite scaling and PNG for immediate use. Save vectors as masters, rasters as deliverables.
Do drawn paths upload?
No — drawing runs locally in your browser. Only exports touch the network — downloads are unlimited.
Related Design Tools
SVG Editor
Edit SVG code with live preview — paths, fills, transforms. Tweak icons without Illustrator — local editing, unlimited saves.
Favicon Generator
Generate favicon packages — PNG icons plus Apple touch icons — from one image. Note: the .ico file is PNG data renamed (modern browsers only). Ship every platform icon in one pass — local generation, unlimited saves.
Last updated October 2026