Логотип Workflow

Front-end

SVG Fundamentals

Difficulty
Beginner
SVG Fundamentals

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

Introduction to SVG graphic

start
STEP 2

Tag <svg> and svg basics

start
STEP 3

Basic shapes

start
STEP 4

The magic of style. Strokes, dashes and gradients

start
STEP 5

Structuring, grouping and reusing svg components

start
STEP 6

Transforms and coordinates systems

start
STEP 7

SVG Animations and interactivity

start