SVG

While I have created many SVGs for various projects, I use these as a reference.

shapes icon

SVG Cheatsheet

A variety of shapes that I use as a reference.
shapes icon

SVG Paths Cheatsheet

An interactive demonstration of SVG paths.
svg transform icon

SVG Transformations cheatsheet

An interactive demonstration of SVG transformations.
svg animation icon

SVG Animation

A simple interactive SVG animation.
square spiral

Dynamic SVG Patterns

With a little Javascript, you can create complex images from simple shapes.
chess icon
A series of images which illustrate various chess moves.
suits icon
The classic playing card suits.
Random, daytime cityscape.
Random, nighttime cityscape.
background icon
Various SVG backgrounds
trump einstein

Sean Brunnock