samples/qbert.svg

<?xml version="1.0"?>
<!-- Generated by SVGo -->
<svg width="500" height="500"
     xmlns="http://www.w3.org/2000/svg"
     xmlns:xlink="http://www.w3.org/1999/xlink">
<desc>Generated with https://github.com/marcelmue/konstrukt</desc>
<defs>
<g id="left">
<polygon points="0,18 0,54 36,36 36,0" />
</g>
</defs>
<defs>
<g id="right">
<polygon points="0,0 0,36 36,54 36,18" />
</g>
</defs>
<rect x="0" y="0" width="500" height="500" style="fill:#5040ef" />
<use x="-36" y="0" xlink:href="#left" style="fill:#304040" />
<use x="0" y="0" xlink:href="#right" style="fill:#50af9f" />
<use x="0" y="54" xlink:href="#left" style="fill:#304040" />
<use x="36" y="54" xlink:href="#right" style="fill:#50af9f" />
<use x="36" y="0" xlink:href="#left" style="fill:#304040" />
<use x="72" y="0" xlink:href="#right" style="fill:#50af9f" />
<use x="72" y="54" xlink:href="#left" style="fill:#304040" />
<use x="108" y="54" xlink:href="#right" style="fill:#50af9f" />
<use x="108" y="0" xlink:href="#left" style="fill:#304040" />
<use x="144" y="0" xlink:href="#right" style="fill:#50af9f" />
<use x="144" y="54" xlink:href="#left" style="fill:#304040" />
<use x="180" y="54" xlink:href="#right" style="fill:#50af9f" />
<use x="180" y="0" xlink:href="#left" style="fill:#304040" />
<use x="216" y="0" xlink:href="#right" style="fill:#50af9f" />
<use x="216" y="54" xlink:href="#left" style="fill:#304040" />
<use x="252" y="54" xlink:href="#right" style="fill:#50af9f" />
<use x="252" y="0" xlink:href="#left" style="fill:#304040" />
<use x="288" y="0" xlink:href="#right" style="fill:#50af9f" />
<use x="288" y="54" xlink:href="#left" style="fill:#304040" />
<use x="324" y="54" xlink:href="#right" style="fill:#50af9f" />
<use x="324" y="0" xlink:href="#left" style="fill:#304040" />
<use x="360" y="0" xlink:href="#right" style="fill:#50af9f" />
<use x="360" y="54" xlink:href="#left" style="fill:#304040" />
<use x="396" y="54" xlink:href="#right" style="fill:#50af9f" />
<use x="396" y="0" xlink:href="#left" style="fill:#304040" />
<use x="432" y="0" xlink:href="#right" style="fill:#50af9f" />
<use x="432" y="54" xlink:href="#left" style="fill:#304040" />
<use x="468" y="54" xlink:href="#right" style="fill:#50af9f" />
<use x="468" y="0" xlink:href="#left" style="fill:#304040" />
<use x="504" y="0" xlink:href="#right" style="fill:#50af9f" />
<use x="504" y="54" xlink:href="#left" style="fill:#304040" />
<use x="540" y="54" xlink:href="#right" style="fill:#50af9f" />
<use x="-36" y="108" xlink:href="#left" style="fill:#304040" />
<use x="0" y="108" xlink:href="#right" style="fill:#50af9f" />
<use x="0" y="162" xlink:href="#left" style="fill:#304040" />
<use x="36" y="162" xlink:href="#right" style="fill:#50af9f" />
<use x="36" y="108" xlink:href="#left" style="fill:#304040" />
<use x="72" y="108" xlink:href="#right" style="fill:#50af9f" />
<use x="72" y="162" xlink:href="#left" style="fill:#304040" />
<use x="108" y="162" xlink:href="#right" style="fill:#50af9f" />
<use x="108" y="108" xlink:href="#left" style="fill:#304040" />
<use x="144" y="108" xlink:href="#right" style="fill:#50af9f" />
<use x="144" y="162" xlink:href="#left" style="fill:#304040" />
<use x="180" y="162" xlink:href="#right" style="fill:#50af9f" />
<use x="180" y="108" xlink:href="#left" style="fill:#304040" />
<use x="216" y="108" xlink:href="#right" style="fill:#50af9f" />
<use x="216" y="162" xlink:href="#left" style="fill:#304040" />
<use x="252" y="162" xlink:href="#right" style="fill:#50af9f" />
<use x="252" y="108" xlink:href="#left" style="fill:#304040" />
<use x="288" y="108" xlink:href="#right" style="fill:#50af9f" />
<use x="288" y="162" xlink:href="#left" style="fill:#304040" />
<use x="324" y="162" xlink:href="#right" style="fill:#50af9f" />
<use x="324" y="108" xlink:href="#left" style="fill:#304040" />
<use x="360" y="108" xlink:href="#right" style="fill:#50af9f" />
<use x="360" y="162" xlink:href="#left" style="fill:#304040" />
<use x="396" y="162" xlink:href="#right" style="fill:#50af9f" />
<use x="396" y="108" xlink:href="#left" style="fill:#304040" />
<use x="432" y="108" xlink:href="#right" style="fill:#50af9f" />
<use x="432" y="162" xlink:href="#left" style="fill:#304040" />
<use x="468" y="162" xlink:href="#right" style="fill:#50af9f" />
<use x="468" y="108" xlink:href="#left" style="fill:#304040" />
<use x="504" y="108" xlink:href="#right" style="fill:#50af9f" />
<use x="504" y="162" xlink:href="#left" style="fill:#304040" />
<use x="540" y="162" xlink:href="#right" style="fill:#50af9f" />
<use x="-36" y="216" xlink:href="#left" style="fill:#304040" />
<use x="0" y="216" xlink:href="#right" style="fill:#50af9f" />
<use x="0" y="270" xlink:href="#left" style="fill:#304040" />
<use x="36" y="270" xlink:href="#right" style="fill:#50af9f" />
<use x="36" y="216" xlink:href="#left" style="fill:#304040" />
<use x="72" y="216" xlink:href="#right" style="fill:#50af9f" />
<use x="72" y="270" xlink:href="#left" style="fill:#304040" />
<use x="108" y="270" xlink:href="#right" style="fill:#50af9f" />
<use x="108" y="216" xlink:href="#left" style="fill:#304040" />
<use x="144" y="216" xlink:href="#right" style="fill:#50af9f" />
<use x="144" y="270" xlink:href="#left" style="fill:#304040" />
<use x="180" y="270" xlink:href="#right" style="fill:#50af9f" />
<use x="180" y="216" xlink:href="#left" style="fill:#304040" />
<use x="216" y="216" xlink:href="#right" style="fill:#50af9f" />
<use x="216" y="270" xlink:href="#left" style="fill:#304040" />
<use x="252" y="270" xlink:href="#right" style="fill:#50af9f" />
<use x="252" y="216" xlink:href="#left" style="fill:#304040" />
<use x="288" y="216" xlink:href="#right" style="fill:#50af9f" />
<use x="288" y="270" xlink:href="#left" style="fill:#304040" />
<use x="324" y="270" xlink:href="#right" style="fill:#50af9f" />
<use x="324" y="216" xlink:href="#left" style="fill:#304040" />
<use x="360" y="216" xlink:href="#right" style="fill:#50af9f" />
<use x="360" y="270" xlink:href="#left" style="fill:#304040" />
<use x="396" y="270" xlink:href="#right" style="fill:#50af9f" />
<use x="396" y="216" xlink:href="#left" style="fill:#304040" />
<use x="432" y="216" xlink:href="#right" style="fill:#50af9f" />
<use x="432" y="270" xlink:href="#left" style="fill:#304040" />
<use x="468" y="270" xlink:href="#right" style="fill:#50af9f" />
<use x="468" y="216" xlink:href="#left" style="fill:#304040" />
<use x="504" y="216" xlink:href="#right" style="fill:#50af9f" />
<use x="504" y="270" xlink:href="#left" style="fill:#304040" />
<use x="540" y="270" xlink:href="#right" style="fill:#50af9f" />
<use x="-36" y="324" xlink:href="#left" style="fill:#304040" />
<use x="0" y="324" xlink:href="#right" style="fill:#50af9f" />
<use x="0" y="378" xlink:href="#left" style="fill:#304040" />
<use x="36" y="378" xlink:href="#right" style="fill:#50af9f" />
<use x="36" y="324" xlink:href="#left" style="fill:#304040" />
<use x="72" y="324" xlink:href="#right" style="fill:#50af9f" />
<use x="72" y="378" xlink:href="#left" style="fill:#304040" />
<use x="108" y="378" xlink:href="#right" style="fill:#50af9f" />
<use x="108" y="324" xlink:href="#left" style="fill:#304040" />
<use x="144" y="324" xlink:href="#right" style="fill:#50af9f" />
<use x="144" y="378" xlink:href="#left" style="fill:#304040" />
<use x="180" y="378" xlink:href="#right" style="fill:#50af9f" />
<use x="180" y="324" xlink:href="#left" style="fill:#304040" />
<use x="216" y="324" xlink:href="#right" style="fill:#50af9f" />
<use x="216" y="378" xlink:href="#left" style="fill:#304040" />
<use x="252" y="378" xlink:href="#right" style="fill:#50af9f" />
<use x="252" y="324" xlink:href="#left" style="fill:#304040" />
<use x="288" y="324" xlink:href="#right" style="fill:#50af9f" />
<use x="288" y="378" xlink:href="#left" style="fill:#304040" />
<use x="324" y="378" xlink:href="#right" style="fill:#50af9f" />
<use x="324" y="324" xlink:href="#left" style="fill:#304040" />
<use x="360" y="324" xlink:href="#right" style="fill:#50af9f" />
<use x="360" y="378" xlink:href="#left" style="fill:#304040" />
<use x="396" y="378" xlink:href="#right" style="fill:#50af9f" />
<use x="396" y="324" xlink:href="#left" style="fill:#304040" />
<use x="432" y="324" xlink:href="#right" style="fill:#50af9f" />
<use x="432" y="378" xlink:href="#left" style="fill:#304040" />
<use x="468" y="378" xlink:href="#right" style="fill:#50af9f" />
<use x="468" y="324" xlink:href="#left" style="fill:#304040" />
<use x="504" y="324" xlink:href="#right" style="fill:#50af9f" />
<use x="504" y="378" xlink:href="#left" style="fill:#304040" />
<use x="540" y="378" xlink:href="#right" style="fill:#50af9f" />
<use x="-36" y="432" xlink:href="#left" style="fill:#304040" />
<use x="0" y="432" xlink:href="#right" style="fill:#50af9f" />
<use x="0" y="486" xlink:href="#left" style="fill:#304040" />
<use x="36" y="486" xlink:href="#right" style="fill:#50af9f" />
<use x="36" y="432" xlink:href="#left" style="fill:#304040" />
<use x="72" y="432" xlink:href="#right" style="fill:#50af9f" />
<use x="72" y="486" xlink:href="#left" style="fill:#304040" />
<use x="108" y="486" xlink:href="#right" style="fill:#50af9f" />
<use x="108" y="432" xlink:href="#left" style="fill:#304040" />
<use x="144" y="432" xlink:href="#right" style="fill:#50af9f" />
<use x="144" y="486" xlink:href="#left" style="fill:#304040" />
<use x="180" y="486" xlink:href="#right" style="fill:#50af9f" />
<use x="180" y="432" xlink:href="#left" style="fill:#304040" />
<use x="216" y="432" xlink:href="#right" style="fill:#50af9f" />
<use x="216" y="486" xlink:href="#left" style="fill:#304040" />
<use x="252" y="486" xlink:href="#right" style="fill:#50af9f" />
<use x="252" y="432" xlink:href="#left" style="fill:#304040" />
<use x="288" y="432" xlink:href="#right" style="fill:#50af9f" />
<use x="288" y="486" xlink:href="#left" style="fill:#304040" />
<use x="324" y="486" xlink:href="#right" style="fill:#50af9f" />
<use x="324" y="432" xlink:href="#left" style="fill:#304040" />
<use x="360" y="432" xlink:href="#right" style="fill:#50af9f" />
<use x="360" y="486" xlink:href="#left" style="fill:#304040" />
<use x="396" y="486" xlink:href="#right" style="fill:#50af9f" />
<use x="396" y="432" xlink:href="#left" style="fill:#304040" />
<use x="432" y="432" xlink:href="#right" style="fill:#50af9f" />
<use x="432" y="486" xlink:href="#left" style="fill:#304040" />
<use x="468" y="486" xlink:href="#right" style="fill:#50af9f" />
<use x="468" y="432" xlink:href="#left" style="fill:#304040" />
<use x="504" y="432" xlink:href="#right" style="fill:#50af9f" />
<use x="504" y="486" xlink:href="#left" style="fill:#304040" />
<use x="540" y="486" xlink:href="#right" style="fill:#50af9f" />
</svg>