css - SVGクリップパスのサイズを変更するには?

Question

画像のマスクとして SVG を使用しており、サイズを変更しようとしています。幅と高さを (100 まで) 表示しようとしましたが、それでもスケーリングしません。ちょうど同じサイズのままです。

コードペンデモ

これは SVG コードです。

<svg height="100" width="100">
  <defs>
    <clipPath id="svgPath">
      <path fill="#EDEBEA" d="M468.855,234.292H244.117V9.439L468.855,234.292z" />
      <path fill="#EDEBEA" d="M6.864,8.939h224.73v224.733L6.864,8.939z" />
      <path fill="#EDEBEA" d="M244.118,469.73V245.005h224.737L244.118,469.73z" />
      <path fill="#EDEBEA" d="M231.594,245.005V469.73H6.863L231.594,245.005z" />
    </clipPath>
  </defs>
</svg>