ジグザグ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 L 64 0 L 128 50 L 192 0 L 256 50 L 320 0 L 384 50 L 448 0 L 512 50 L 576 0 L 640 50 L 704 0 L 768 50 L 832 0 L 896 50 L 960 0 L 1024 50 L 1088 0 L 1152 50 L 1216 0 L 1280 50 L 1280 100 L 0 100 Z" fill="#59afff"></path>
</svg>

\ Share on SNS /

スポンサーリンク

ツール一覧

CSSジェネレーター

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

HTML変換ツール

画像ジェネレーター