psdでパス作成

http://www.bornfromegg.net/colo/ps_dos01.html （参考）
目当てのパスを作って「SVGコピー」
コピーしたSVGのd=""の中身をコピーして相対パスに変換。
※SVGのパスを相対パスに変換するサイト
https://yoksel.github.io/relative-clip-path/

clip-path

クリップしたい形のSVGを定義する

<svg class="svgDef">
	<defs>
		<clippath id="myClipPath" clippathunits="objectBoundingBox">
			<path d="ここに相対パスに変換したパスを入れる"></path>
		</clippath>
	</defs>
</svg>

あとはクリップしたい要素にclip-pathのCSSを当てる

clip-path: url(#myClipPath);

＊注意
定義したSVGをdisplay:noneするとclip-pathも消えてしまう。
下記で対応。

.svgDef {
  width: 0;
  height: 0;
}