assets/strip_jitter.svg
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg viewBox="0 0 290 50" width="100%" height="100%"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink">
<g transform="translate(0 0)">
<rect x="0" y="0" width="50" height="50" fill="#fff"/>
<defs>
<clipPath id="clipper">
<rect width="50" height="50"/>
</clipPath>
</defs>
<g clip-path="url(#clipper)">
<rect x="20" y="0" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="10" y="15.0" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="30" y="15.0" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="20" y="5.0" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="20" y="20" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="0" y="30" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="40" y="30" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="15.0" y="30" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="25.0" y="30" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="0" y="40" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="40" y="40" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
<rect x="20" y="40" width="10" height="10" fill="#b09d42" style="stroke:#b09d42; stroke-width:2"/>
</g>
</g>
<g transform="translate(60 0)">
<rect x="0" y="0" width="50" height="50" fill="#fff"/>
<defs>
<clipPath id="clipper">
<rect width="50" height="50"/>
</clipPath>
</defs>
<g clip-path="url(#clipper)">
<rect x="-5.0" y="0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="45.0" y="0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="5.0" y="0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="35.0" y="0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="5.0" y="20" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="35.0" y="20" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="0" y="30" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="40" y="30" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="10" y="30" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="30" y="30" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="20" y="25.0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="0" y="45.0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="40" y="45.0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="15.0" y="35.0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
<rect x="25.0" y="35.0" width="10" height="10" fill="#47b00b" style="stroke:#47b00b; stroke-width:2"/>
</g>
</g>
<g transform="translate(120 0)">
<rect x="0" y="0" width="50" height="50" fill="#fff"/>
<defs>
<clipPath id="clipper">
<rect width="50" height="50"/>
</clipPath>
</defs>
<g clip-path="url(#clipper)">
<rect x="-5.0" y="5.0" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="45.0" y="5.0" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="10" y="10" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="30" y="10" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="20" y="15.0" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="5.0" y="20" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="35.0" y="20" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="0" y="35.0" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="40" y="35.0" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="5.0" y="35.0" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
<rect x="35.0" y="35.0" width="10" height="10" fill="#73466c" style="stroke:#73466c; stroke-width:2"/>
</g>
</g>
<g transform="translate(180 0)">
<rect x="0" y="0" width="50" height="50" fill="#fff"/>
<defs>
<clipPath id="clipper">
<rect width="50" height="50"/>
</clipPath>
</defs>
<g clip-path="url(#clipper)">
<rect x="0" y="5.0" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="40" y="5.0" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="10" y="5.0" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="30" y="5.0" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="10" y="10" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="30" y="10" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="20" y="10" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="20" y="20" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="10" y="25.0" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="30" y="25.0" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="5.0" y="40" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="35.0" y="40" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="10" y="40" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="30" y="40" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
<rect x="20" y="45.0" width="10" height="10" fill="#12220b" style="stroke:#12220b; stroke-width:2"/>
</g>
</g>
<g transform="translate(240 0)">
<rect x="0" y="0" width="50" height="50" fill="#fff"/>
<defs>
<clipPath id="clipper">
<rect width="50" height="50"/>
</clipPath>
</defs>
<g clip-path="url(#clipper)">
<rect x="0" y="5.0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="40" y="5.0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="10" y="0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="30" y="0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="20" y="0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="-5.0" y="15.0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="45.0" y="15.0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="10" y="15.0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="30" y="15.0" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="-5.0" y="20" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="45.0" y="20" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="20" y="20" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="20" y="30" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
<rect x="20" y="40" width="10" height="10" fill="#7562a8" style="stroke:#7562a8; stroke-width:2"/>
</g>
</g>
</svg>