HTML Academy
  • HTML Academy
  • Courses
  • Courses
  • For schools
  • Advanced Courses
    • Regular expressions
    • Template Engine
    • Design systems
    • CSS-animation
    • Algorithms and Data Structures
    • TypeScript, part 1. Type theory
  • Sign up
  • Log in
  • Home
  • Interactive courses
  • SVG basics
  1. An Introduction to SVG beta0/15
  2. Designing SVG Shapes beta0/20
  3. Dimensions in SVG beta0/15

Chapter 2: Designing SVG Shapes

15 tasks and 5 challenges   beta

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

Get access
Fills Task
Fill Opacity Task
No Fill Task
Challenge: Colorful Squares Challenge
Strokes Task
Stroke Width Task
Stroke Opacity Task
Challenge: Stroke Width and Transparency Challenge
Line Ends Task
Bend Type Task
Challenge: Zigzags Challenge
Dashed Lines, Part 1 Task
Dashed Lines, Part 2 Task
Challenge: Sunrise Challenge
Life Saver, Part 1 Task
Life Saver, Part 2 Task
Life Saver, Part 3 Task
Life Saver, Part 4 Task
Stroke Offset Task
Challenge: Lollypop Challenge

Cookies ∙ Privacy ∙ License Agreement ∙ About ∙ Contacts ∙ © HTML Academy OÜ,2019−2023

VISAMastercard

Log in

or

Forgot your password?

Sign up

Sign up

or
Log in

Restore access

Have you forgotten your password or lost access to your profile? Enter your email connected to your profile and we will send you a link to restore access.

Forgot to connect your email to the profile? Email us and we’ll help.

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.