SVG basics

  • 3 chapters
  • 35 tasks
  • 15 challenges
Learning SVG, vector graphics format: basic primitives, positioning and sizing, fills and strokes.

Start learning
SVG basics course


Tasks and challenges required for taking the course.

3 chapters 35 tasks15 challenges


9 tasks 6 challenges

We are going to learn about SVG, the vector graphics format. We will analyze the basic primitives: lines, rectangles, and circles. We will learn how to position them, manage colors and sizes, and to create different kinds of drawings from them.


15 tasks 5 challenges

Basic concepts about how to design SVG shapes. Overview of fills and strokes.


11 tasks 4 challenges

We will delve into how SVG graphics are scaled and learn how to work with the viewBox and preserveAspectRatio attributes.


Final challenges will be available soon!

We are using cookies to gather information which will help you use our website most effectively. You can read about this here or disable this feature if you want. By continuing to browse the site, you agree to our use of cookies.