Логотип Workflow

SVG

Complete SVG Course

Learn SVG end-to-end: structure, shapes, styling, transforms, reuse patterns, and animation.

Difficulty
Beginner to Advanced
Complete SVG Course

Blocks

Learning path

Jump straight into any module. Each card brings you to the selected block. Each article and block will be updated as relevant information and technologies become available.

STEP 1

SVG Introduction

start
STEP 2

SVG Tag and Basics

start
STEP 3

Basic Shapes and Path

start
STEP 4

Styles: Stroke, Dash, Gradient

start
STEP 5

Transforms and Coordinate Systems

start
STEP 6

Structuring, Grouping and Reusing

start
STEP 7

Animation and Interactivity

start