blob: 1cb6f75410ef3e43d6e23b619b7d45fea530fe10 [file] [log] [blame]
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="90" height="90">
<style>
.corner { fill: blue; }
.side { fill: red; }
.middle { fill: green; }
</style>
<defs>
<path id="diamond" d="M15 0 L30 15 L15 30 L0 15 Z"/>
<use id="corner" class="corner" xlink:href="#diamond"/>
<use id="side" class="side" xlink:href="#diamond"/>
<use id="middle" class="middle" xlink:href="#diamond"/>
</defs>
<use x="0" y="0" xlink:href="#corner"/>
<use x="60" y="0" xlink:href="#corner"/>
<use x="0" y="60" xlink:href="#corner"/>
<use x="60" y="60" xlink:href="#corner"/>
<use x="30" y="0" xlink:href="#side"/>
<use x="30" y="60" xlink:href="#side"/>
<use x="0" y="30" xlink:href="#side"/>
<use x="60" y="30" xlink:href="#side"/>
<use x="30" y="30" xlink:href="#middle"/>
</svg>