pieces.svg

<svg      xmlns:xlink='http://www.w3.org/1999/xlink'      xmlns="http://www.w3.org/2000/svg"      width="9.4"      height="3"      >      <style>        path.S {          fill: none;          stroke-linecap: butt;          stroke-opacity: 1;          paint-order: normal;        }        path.outline {          fill: #000000;          stroke: #ffffff;          stroke-width: 0.1;        }      </style>      <defs>                  <path id='outline0' class='outline' d='M 0,8 0,6 2,4 4,4 4,6 6,8 8,8 8,10 6,12 4,12 4,10 2,8 Z' />          <clipPath id='clip0'><use xlink:href='#outline0' /></clipPath>          <path id='S0-path' class='S' d='M 1,5 L 7,11' />          <g id='S00' clip-path='url(#clip0)' transform='scale(0.125)'>            <use xlink:href='#outline0' />            <use xlink:href='#S0-path' style='stroke:#1500ce;stroke-width:2.5;' />            <use xlink:href='#S0-path' style='stroke:#000000;stroke-width:1.5;' />            <use xlink:href='#S0-path' style='stroke:#00009d;stroke-width:1.0;' />            <use xlink:href='#outline0' style='fill-opacity:0;' />          </g>          <use id='S01' xlink:href='#S00' transform='rotate(-90,0.5,0.5)' />          <use id='S02' xlink:href='#S00' transform='rotate(180,0.5,1)' />          <use id='S03' xlink:href='#S00' transform='rotate(90,1,1)' />          <path id='outline1' class='outline' d='M 0,8 0,0 2,0 4,2 4,4 4,6 6,8 8,8 8,10 6,12 4,12 4,10 2,8 Z' />          <clipPath id='clip1'><use xlink:href='#outline1' /></clipPath>          <path id='S1-path' class='S' d='M 3,1 C 2,2 0,4 3,7 4,8 4,8 7,11' />          <g id='S10' clip-path='url(#clip1)' transform='scale(0.125)'>            <use xlink:href='#outline1' />            <use xlink:href='#S1-path' style='stroke:#1500ce;stroke-width:2.5;' />            <use xlink:href='#S1-path' style='stroke:#000000;stroke-width:1.5;' />            <use xlink:href='#S1-path' style='stroke:#00009d;stroke-width:1.0;' />            <use xlink:href='#outline1' style='fill-opacity:0;' />          </g>          <use id='S11' xlink:href='#S10' transform='rotate(-90,0.5,0.5)' />          <use id='S12' xlink:href='#S10' transform='rotate(180,0.5,1)' />          <use id='S13' xlink:href='#S10' transform='rotate(90,1,1)' />          <path id='outline2' class='outline' d='M 0,8 0,0 8,0 8,2 6,4 4,4 4,6 6,8 8,8 8,10 6,12 4,12 4,10 2,8 Z' />          <clipPath id='clip2'><use xlink:href='#outline2' /></clipPath>          <path id='S2-path' class='S' d='M 7,3 C 3,-1 -1,3 3,7 4,8 4,8 7,11' />          <g id='S20' clip-path='url(#clip2)' transform='scale(0.125)'>            <use xlink:href='#outline2' />            <use xlink:href='#S2-path' style='stroke:#1500ce;stroke-width:2.5;' />            <use xlink:href='#S2-path' style='stroke:#000000;stroke-width:1.5;' />            <use xlink:href='#S2-path' style='stroke:#00009d;stroke-width:1.0;' />            <use xlink:href='#outline2' style='fill-opacity:0;' />          </g>          <use id='S21' xlink:href='#S20' transform='rotate(-90,0.5,0.5)' />          <use id='S22' xlink:href='#S20' transform='rotate(180,0.5,1)' />          <use id='S23' xlink:href='#S20' transform='rotate(90,1,1)' />          <path id='outline3' class='outline' d='M 0,8 0,0 2,0 4,2 4,4 4,6 6,8 8,8 8,16 6,16 4,14 4,10 2,8 Z' />          <clipPath id='clip3'><use xlink:href='#outline3' /></clipPath>          <path id='S3-path' class='S' d='M 3,1 C 2,2 0,4 3,7 4,8 4,8 5,9 8,12 6,14 5,15' />          <g id='S30' clip-path='url(#clip3)' transform='scale(0.125)'>            <use xlink:href='#outline3' />            <use xlink:href='#S3-path' style='stroke:#1500ce;stroke-width:2.5;' />            <use xlink:href='#S3-path' style='stroke:#000000;stroke-width:1.5;' />            <use xlink:href='#S3-path' style='stroke:#00009d;stroke-width:1.0;' />            <use xlink:href='#outline3' style='fill-opacity:0;' />          </g>          <use id='S31' xlink:href='#S30' transform='rotate(-90,0.5,0.5)' />          <use id='S32' xlink:href='#S30' transform='rotate(180,0.5,1)' />          <use id='S33' xlink:href='#S30' transform='rotate(90,1,1)' />          <path id='outline4' class='outline' d='M 0,8 0,0 8,0 8,2 6,4 4,4 4,6 6,8 8,8 8,16 6,16 4,14 4,10 2,8 Z' />          <clipPath id='clip4'><use xlink:href='#outline4' /></clipPath>          <path id='S4-path' class='S' d='M 7,3 C 3,-1 -1,3 3,7 4,8 4,8 5,9 8,12 6,14 5,15' />          <g id='S40' clip-path='url(#clip4)' transform='scale(0.125)'>            <use xlink:href='#outline4' />            <use xlink:href='#S4-path' style='stroke:#1500ce;stroke-width:2.5;' />            <use xlink:href='#S4-path' style='stroke:#000000;stroke-width:1.5;' />            <use xlink:href='#S4-path' style='stroke:#00009d;stroke-width:1.0;' />            <use xlink:href='#outline4' style='fill-opacity:0;' />          </g>          <use id='S41' xlink:href='#S40' transform='rotate(-90,0.5,0.5)' />          <use id='S42' xlink:href='#S40' transform='rotate(180,0.5,1)' />          <use id='S43' xlink:href='#S40' transform='rotate(90,1,1)' />      </defs>        <g transform="translate(-0.8, -0.8)">        <use xlink:href='#S00' x='1' y='1' />        <use xlink:href='#S10' x='3' y='1' />        <use xlink:href='#S20' x='5' y='1' />        <use xlink:href='#S30' x='7' y='1' />        <use xlink:href='#S40' x='9' y='1' />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 0.5,0 L 0.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 0,0.5 L 11,0.5" />    <path style="fill: none; stroke: #000000; stroke-width: 0.02;" d="M 0.01,0.01 L 10.99,0.01 L 10.99,3.99 L 0.01,3.99 Z" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 1.5,0 L 1.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 1,0 L 1,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 2.5,0 L 2.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 2,0 L 2,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 3.5,0 L 3.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 3,0 L 3,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 4.5,0 L 4.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 4,0 L 4,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 5.5,0 L 5.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 5,0 L 5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 6.5,0 L 6.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 6,0 L 6,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 7.5,0 L 7.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 7,0 L 7,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 8.5,0 L 8.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 8,0 L 8,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 9.5,0 L 9.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 9,0 L 9,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 10.5,0 L 10.5,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 10,0 L 10,4" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 0,1.5 L 11,1.5" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 0,1 L 11,1" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 0,2.5 L 11,2.5" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 0,2 L 11,2" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01; stroke-dasharray: 0.02,0.02;" d="M 0,3.5 L 11,3.5" />    <path style="fill: none; stroke: #000000; stroke-width: 0.01;" d="M 0,3 L 11,3" />                <text x="1.3" y="3.75" style="font-size: 0.75px; font-family: Arial; font-weight: bold; fill=#000000; stroke-width: 0.03; stroke: #ffffff">2</text>        <text x="3.3" y="3.75" style="font-size: 0.75px; font-family: Arial; font-weight: bold; fill=#000000; stroke-width: 0.03; stroke: #ffffff">6</text>        <text x="5.3" y="3.75" style="font-size: 0.75px; font-family: Arial; font-weight: bold; fill=#000000; stroke-width: 0.03; stroke: #ffffff">4</text>        <text x="7.3" y="3.75" style="font-size: 0.75px; font-family: Arial; font-weight: bold; fill=#000000; stroke-width: 0.03; stroke: #ffffff">2</text>        <text x="9.3" y="3.75" style="font-size: 0.75px; font-family: Arial; font-weight: bold; fill=#000000; stroke-width: 0.03; stroke: #ffffff">2</text></g>    </svg>