← All toolsFree — no signup

SVG Wave Generator

Adjust amplitude, frequency, and colour to generate an SVG wave path you can copy.

Amplitude: 40px

Frequency: 2

Wave color

Smooth curves

Preview

SVG Markup

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 160" preserveAspectRatio="none">
  <path d="[path data]" fill="#0d7a5f" />
</svg>

Loading tool…

How it works

Adjust amplitude, frequency, and colour

Preview the SVG wave

Copy the SVG markup

We build calculators, estimators, and AI-powered tools that convert visitors into leads.