Revision control
Copy as Markdown
<svg viewBox="0 0 250 250" width="250" height="250" version="1.1"
<style>
svg .line-style { stroke: black; fill: none }
svg .text-style { font: 12px arial; fill: black; font-weight: bold }
svg .circle { fill: #ffaa55; stroke: black; stroke-width: 1 }
svg .shape-style { stroke: black; fill: #418331; stroke-width: 1 }
svg .hole-style { stroke: none; fill: white }
[data-theme="dark"] svg .line-style { stroke: #f2f2f2; fill: none }
[data-theme="dark"] svg .text-style { font: 12px arial; fill: #f2f2f2; font-weight: bold }
[data-theme="dark"] svg .circle { fill: #772211; stroke: #f2f2f2; stroke-width: 1 }
[data-theme="dark"] svg .shape-style { stroke: #ffaa55; fill: #418331; stroke-width: 1 }
[data-theme="dark"] svg .hole-style { stroke: none; fill: white }
[data-theme="light"] svg .line-style { stroke: black; fill: none }
[data-theme="light"] svg .text-style { font: 12px arial; fill: black; font-weight: bold }
[data-theme="light"] svg .circle { fill: #ffaa55; stroke: black; stroke-width: 1 }
[data-theme="light"] svg .shape-style { stroke: black; fill: #418331; stroke-width: 1 }
[data-theme="light"] svg .hole-style { stroke: none; fill: white }
</style>
<defs>
<pattern
xlink:href="#Strips1_1.5"
preserveAspectRatio="xMidYMid"
id="pattern111"
patternTransform="matrix(0,2,-2,0,-1.2,0)"
x="0"
y="0" />
<pattern
patternUnits="userSpaceOnUse"
width="2.5"
height="1"
patternTransform="translate(0,0) scale(2,2)"
preserveAspectRatio="xMidYMid"
id="Strips1_1.5">
<rect style="stroke:none" x="0" y="-0.5" width="1" height="2" />
</pattern>
</defs>
<g transform="translate(2,2)">
<path d="m 28,52.5 h 174.5 v 125.5 h -174.5 v -125.5" class="shape-style" />
<path d="m 51,75 h 127 v 79.5 h -127 v -79.5" class="hole-style" />
<path d="m 51,75 h 127 v 79.5 h -127 v -79.5" class="line-style"
style="fill:url(#pattern111);fill-opacity:1" />
<text x="2" y="19" class="text-style">0</text>
<path d="M 15,40 h 225" class="line-style" />
<text x="2" y="44" class="text-style">1</text>
<path d="M 15,65 h 225" class="line-style" />
<text x="2" y="69" class="text-style">2</text>
<path d="M 15,90 h 225" class="line-style" />
<text x="2" y="94" class="text-style">3</text>
<path d="M 15,115 h 225" class="line-style" />
<text x="2" y="119" class="text-style">4</text>
<path d="M 15,140 h 225" class="line-style" />
<text x="2" y="144" class="text-style">5</text>
<path d="M 15,165 h 225" class="line-style" />
<text x="2" y="169" class="text-style">6</text>
<path d="M 15,190 h 225" class="line-style" />
<text x="2" y="194" class="text-style">7</text>
<path d="M 15,215 h 225" class="line-style" />
<text x="2" y="219" class="text-style">8</text>
<text x="2" y="244" class="text-style">9</text>
<text x="13" y="9" class="text-style">0</text>
<path d="M 40,15 v 225" class="line-style" />
<text x="36" y="9" class="text-style">1</text>
<path d="M 65,15 v 225" class="line-style" />
<text x="61" y="9" class="text-style">2</text>
<path d="M 90,15 v 225" class="line-style" />
<text x="86" y="9" class="text-style">3</text>
<path d="M 115,15 v 225" class="line-style" />
<text x="111" y="9" class="text-style">4</text>
<path d="M 140,15 v 225" class="line-style" />
<text x="136" y="9" class="text-style">5</text>
<path d="M 165,15 v 225" class="line-style" />
<text x="161" y="9" class="text-style">6</text>
<path d="M 190,15 v 225" class="line-style" />
<text x="186" y="9" class="text-style">7</text>
<path d="M 215,15 v 225" class="line-style" />
<text x="211" y="9" class="text-style">8</text>
<text x="236" y="9" class="text-style">9</text>
<circle cx="190" cy="165" r="7" class="circle" />
<circle cx="40" cy="65" r="7" class="circle" />
<path d="M 15,15 h 225 v 225 h -225 z" class="line-style" />
</g>
</svg>