SVGパスエディタ

SVGのpath要素のd属性を入力し、リアルタイムでプレビュー。拡大縮小・反転などの変換もできます。

プレビュー

描画設定

#2563eb
2

パス変換

SVGコード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200" width="200" height="200">
  <path d="M 10 80 C 40 10, 65 10, 95 80 S 150 150, 180 80" stroke="#2563eb" stroke-width="2" fill="none" />
</svg>
⚠️

※本ツールの結果はあくまで参考値です。正確性を保証するものではありません。