아이소메트릭 큐브 패턴

<div class="wrap"><svg viewBox="0 0 277 240" preserveAspectRatio="xMidYMid slice" width="100%" height="100%">
  <defs>
    <g id="cube">
      <polygon class="top" points="0,0 34.64,20 0,40 -34.64,20"/>
      <polygon class="left" points="0,0 -34.64,20 -34.64,-20 0,-40"/>
      <polygon class="right" points="0,0 0,-40 34.64,-20 34.64,20"/>
    </g>
    <pattern id="iso" width="69.28" height="120" patternUnits="userSpaceOnUse">
      <use href="#cube" transform="translate(-69.28,-120)"/>
      <use href="#cube" transform="translate(-69.28,0)"/>
      <use href="#cube" transform="translate(-69.28,120)"/>
      <use href="#cube" transform="translate(0,-120)"/>
      <use href="#cube" transform="translate(0,0)"/>
      <use href="#cube" transform="translate(0,120)"/>
      <use href="#cube" transform="translate(69.28,-120)"/>
      <use href="#cube" transform="translate(69.28,0)"/>
      <use href="#cube" transform="translate(69.28,120)"/>
      <use href="#cube" transform="translate(-34.64,-60)"/>
      <use href="#cube" transform="translate(-34.64,60)"/>
      <use href="#cube" transform="translate(-34.64,180)"/>
      <use href="#cube" transform="translate(34.64,-60)"/>
      <use href="#cube" transform="translate(34.64,60)"/>
      <use href="#cube" transform="translate(34.64,180)"/>
      <use href="#cube" transform="translate(103.92,-60)"/>
      <use href="#cube" transform="translate(103.92,60)"/>
      <use href="#cube" transform="translate(103.92,180)"/>
      <animateTransform attributeName="patternTransform" type="translate" from="0 0" to="-69.28 -120" dur="11s" repeatCount="indefinite"/>
    </pattern>
  </defs>
  <rect width="100%" height="100%" fill="url(#iso)"/>
</svg></div><span class="tag">isometric cubes</span>

.wrap{position:absolute;inset:0;overflow:hidden;background:#3a3a46}
.top{fill:#9d9db6}
.left{fill:#57576a}
.right{fill:#3a3a46}
.tag{position:absolute;left:10px;bottom:8px;padding:3px 9px;border-radius:999px;background:rgba(255,255,255,.85);
  color:#1a1a22;font:600 10px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.03em}