Direct link to the article How We Created a Static Site That Generates Tartan Patterns in SVG

How We Created a Static Site That Generates Tartan Patterns in SVG

Tartan is a patterned cloth that’s typically associated with Scotland, particularly their fashionable kilts. On tartanify.com, we gathered over 5,000 tartan patterns (as SVG and PNG files), taking care to filter out any that have explicit usage restrictions.

The …

Avatar of Paulina Hetman
Paulina Hetman on

SVG Patterns

The SVG <pattern> element allows us to define patterns inside of our SVG markup and use those patterns as a fill. The basic process for patterns goes something like:

  • Define a <pattern> inside of the SVG
  • Define the shapes
Avatar of Geoff Graham
Geoff Graham on (Updated on )