English
SVG wave generator
SVG wave generator — choose your inputs and copy or save the result. Input guide: Width, Height, Wave amplitude (px), Wave count, Color. No account needed.
No account needed
How to use
- 1Input guide: Width, Height, Wave amplitude (px), Wave count, Color.
- 2Run the tool and review the result.
- 3Copy result / Save result file.
Good to know
Check input ranges and units. Results depend on your inputs and your browser.
Ads may process connection data. Personalization follows your privacy choices. Privacy (English)
Worked input and output example
These results come from this tool’s actual engine using the sample values below, not your personal input or saved work. Load the example in the tool to inspect the same inputs.
Example input
| Field | Value |
|---|---|
| Width | 800 |
| Height | 200 |
| Wave amplitude (px) | 50 |
| Wave count | 2 |
| Color | #0F766E |
Example result
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="200" viewBox="0 0 800 200"><path d="M 0,100 L 4,103.14 L 8,106.267 L 12,109.369 L 16,112.434 L 20,115.451 L 24,118.406 L 28,121.289 L 32,124.088 L 36,126.791 L 40,129.389 L 44,131.871 L 48,134.227 L 52,136.448 L 56,138.526 L 60,140.451 L 64,142.216 L 68,143.815 L 72,145.241 L 76,146.489 L 80,147.553 L 84,148.429 L 88,149.114 L 92,149.606 L 96,149.901 L 100,150 L 104,149.901 L 108,149.606 L 112,149.114 L 116,148.429 L 120,147.553 L 124,146.489 L 128,145.241 L 132,143.815 L 136,142.216 L 140,140.451 L 144,138.526 L 148,136.448 L 152,134.227 L 156,131.871 L 160,129.389 L 164,126.791 L 168,124.088 L 172,121.289 L 176,118.406 L 180,115.451 L 184,112.434 L 188,109.369 L 192,106.267 L 196,103.14 L 200,100 L 204,96.86 L 208,93.733 L 212,90.631 L 216,87.566 L 220,84.549 L 224,81.594 L 228,78.711 L 232,75.912 L 236,73.209 L 240,70.611 L 244,68.129 L 248,65.773 L 252,63.552 L 256,61.474 L 260,59.549 L 264,57.784 L 268,56.185 L 272,54.759 L 276,53.511 L 280,52.447 L 284,51.571 L 288,50.886 L 292,50.394 L 296,50.099 L 300,50 L 304,50.099 L 308,50.394 L 312,50.886 L 316,51.571 L 320,52.447 L 324,53.511 L 328,54.759 L 332,56.185 L 336,57.784 L 340,59.549 L 344,61.474 L 348,63.552 L 352,65.773 L 356,68.129 L 360,70.611 L 364,73.209 L 368,75.912 L 372,78.711 L 376,81.594 L 380,84.549 L 384,87.566 L 388,90.631 L 392,93.733 L 396,96.86 L 400,100 L 404,103.14 L 408,106.267 L 412,109.369 L 416,112.434 L 420,115.451 L 424,118.406 L 428,121.289 L 432,124.088 L 436,126.791 L 440,129.389 L 444,131.871 L 448,134.227 L 452,136.448 L 456,138.526 L 460,140.451 L 464,142.216 L 468,143.815 L 472,145.241 L 476,146.489 L 480,147.553 L 484,148.429 L 488,149.114 L 492,149.606 L 496,149.901 L 500,150 L 504,149.901 L 508,149.606 L 512,149.114 L 516,148.429 L 520,147.553 L 524,146.489 L 528,145.241 L 532,143.815 L 536,142.216 L 540,140.451 L 544,138.526 L 548,136.448 L 552,134.227 L 556,131.871 L 560,129.389 L 564,126.791 L 568,124.088 L 572,12…
Only an excerpt of this long result is shown. Run the example in the tool to inspect the complete result.
Input constraints
These are the actual input validation limits; they are not a guarantee that every accepted value is realistic or that a model applies to your situation.
- Width: Accepted range: 100 ≤ x ≤ 2,000
- Height: Accepted range: 20 ≤ x ≤ 1,000
- Wave amplitude (px): Accepted range: 0 ≤ x ≤ 500
- Wave count: Accepted range: 1 ≤ x ≤ 10 · Whole numbers only