Learn SVG

Practical SVG guides for designers and developers.

Understand the markup behind vector graphics, edit paths with confidence, and create smaller, cleaner files for the web.

Edit SVG paths point by point

Read path commands, move anchors and control points, and verify the result in source.

Understand cubic Bézier curves

Learn how C and S commands use control points to produce smooth, predictable curves.

Convert SVG shapes to paths

Know when conversion helps and what happens to rects, circles, ellipses, and polygons.

Optimize SVG for the web

Reduce unnecessary markup while keeping the visual result and accessibility intact.

Learn by changing real SVG

Each guide uses standard SVG markup that you can paste directly into SVG Vector Lab. Keep the source panel visible while you edit: it is the fastest way to connect path syntax with the geometry on the canvas.