<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>