<?xml version="1.0" encoding="iso-8859-1" ?>
<svg viewBox="0 0 500 350" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<defs>
<path id="fromto" d="M-15,-20L-20,20 20,20C-10,-10 30,-20 -15,-20Z"/>
<path id="fromby" d="M-20,-15L-20,15 20,20C20,0 -10,-20 -20,-15Z"/>
<path id="by" d="M-20,-20C100,80 40,-60 20,20Z"/>
</defs>
<rect x="0" y="0" width="500" height="350" fill="#fff" />
<g fill="none" stroke="#f00" stroke-width="10" stroke-linejoin="bevel">
<use xlink:href="#fromto" x="40" y="80" stroke="#800" transform="translate(90,120)"/>
<use xlink:href="#fromto" x="40" y="80" stroke="#f00" transform="translate(90,120)"/>
<use xlink:href="#fromto" x="40" y="80" stroke="#00f" transform="translate(90,120)"/>
<use xlink:href="#fromby" x="160" y="80" stroke="#800" transform="translate(90,120)"/>
<use xlink:href="#fromby" x="160" y="80" stroke="#f00" transform="translate(90,120)"/>
<use xlink:href="#fromby" x="160" y="80" stroke="#00f" transform="translate(90,120)"/>
<use xlink:href="#by" x="300" y="200" stroke="#800" transform="translate(80,-70)"/>
<use xlink:href="#by" x="300" y="200" stroke="#f00" transform="translate(80,-70)"/>
<use xlink:href="#by" x="300" y="200" stroke="#00f" transform="translate(80,-70)"/>
</g>
</svg>