For the purpose of this , I’m defining “decoration” as aspects of SVG that are additions to basic elements:

Prerequisites: The to this point.

Total time: 1 hour

  1. Strokes
  2. Arrowheads
  3. Linear Gradients

I also cover some specialised uses of SVG decorative elements:

  1. Styling Visited Links
  2. Automatic Image Checkerboards

Creating and modifying strokes, arrowheads, links and gradients in SVG

Enjoy this piece? I invite you to follow me at to learn more.