波線・曲線SVGジェネレーター

波線・曲線のSVG画像を出力するジェネレーターです。
リアルタイムに反映されるプレビューを見ながら波の数や高さ、色などをカスタマイズ可能。
グラデーション色や線状の波もつくることができ、波形のランダム生成にも対応しています。
生成したSVGのダウンロードや、コードのコピーが簡単にできます。

スポンサーリンク

カスタマイズ

▼ 画像サイズ

px
px

▼ レスポンシブ設定

サイズ:

高さ:

▼ カラー設定

塗り:

▼ 波の設定

形:

ベース:

水平シフト:

%

px

プレビュー

SVGコード

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1280 100" width="100%">
  <path d="M 0 50 Q 32 50 64 25 Q 128 -25 192 25 Q 224 50 256 50 Q 288 50 320 25 Q 384 -25 448 25 Q 480 50 512 50 Q 544 50 576 25 Q 640 -25 704 25 Q 736 50 768 50 Q 800 50 832 25 Q 896 -25 960 25 Q 992 50 1024 50 Q 1056 50 1088 25 Q 1152 -25 1216 25 Q 1248 50 1280 50 L 1280 100 L 0 100 Z" fill="#59afff"></path>
</svg>

\ Share on SNS /

スポンサーリンク

ツール一覧

CSSジェネレーター

UI・パーツジェネレーター

HTML変換ツール

画像ジェネレーター