FreeToolsKit
FreeToolsKit
Image Format ConverterBeautify & MinifyPDF Tools
ss

SVG Wave Generator

Generate beautiful SVG waves and shapes for websites and section dividers

SVG Wave Generator

Generate beautiful SVG waves and shapes for websites, headers, and section dividers.

Shape Settings
Amplitude: 50
Frequency: 2
Waves: 3
Opacity: 0.7
Preview
SVG Code
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 200" preserveAspectRatio="none">
  <defs>
    <linearGradient id="wave-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
      <stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
      <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
    </linearGradient>
  </defs>
  <path d="M 0.0 100.0 L 14.4 106.3 L 28.8 112.4 L 43.2 118.4 L 57.6 124.1 L 72.0 129.4 L 86.4 134.2 L 100.8 138.5 L 115.2 142.2 L 129.6 145.2 L 144.0 147.6 L 158.4 149.1 L 172.8 149.9 L 187.2 149.9 L 201.6 149.1 L 216.0 147.6 L 230.4 145.2 L 244.8 142.2 L 259.2 138.5 L 273.6 134.2 L 288.0 129.4 L 302.4 124.1 L 316.8 118.4 L 331.2 112.4 L 345.6 106.3 L 360.0 100.0 L 374.4 93.7 L 388.8 87.6 L 403.2 81.6 L 417.6 75.9 L 432.0 70.6 L 446.4 65.8 L 460.8 61.5 L 475.2 57.8 L 489.6 54.8 L 504.0 52.4 L 518.4 50.9 L 532.8 50.1 L 547.2 50.1 L 561.6 50.9 L 576.0 52.4 L 590.4 54.8 L 604.8 57.8 L 619.2 61.5 L 633.6 65.8 L 648.0 70.6 L 662.4 75.9 L 676.8 81.6 L 691.2 87.6 L 705.6 93.7 L 720.0 100.0 L 734.4 106.3 L 748.8 112.4 L 763.2 118.4 L 777.6 124.1 L 792.0 129.4 L 806.4 134.2 L 820.8 138.5 L 835.2 142.2 L 849.6 145.2 L 864.0 147.6 L 878.4 149.1 L 892.8 149.9 L 907.2 149.9 L 921.6 149.1 L 936.0 147.6 L 950.4 145.2 L 964.8 142.2 L 979.2 138.5 L 993.6 134.2 L 1008.0 129.4 L 1022.4 124.1 L 1036.8 118.4 L 1051.2 112.4 L 1065.6 106.3 L 1080.0 100.0 L 1094.4 93.7 L 1108.8 87.6 L 1123.2 81.6 L 1137.6 75.9 L 1152.0 70.6 L 1166.4 65.8 L 1180.8 61.5 L 1195.2 57.8 L 1209.6 54.8 L 1224.0 52.4 L 1238.4 50.9 L 1252.8 50.1 L 1267.2 50.1 L 1281.6 50.9 L 1296.0 52.4 L 1310.4 54.8 L 1324.8 57.8 L 1339.2 61.5 L 1353.6 65.8 L 1368.0 70.6 L 1382.4 75.9 L 1396.8 81.6 L 1411.2 87.6 L 1425.6 93.7 L 1440.0 100.0 L 1440 200 L 0 200 Z" fill="url(#wave-gradient)" opacity="0.70" />
  <path d="M 0.0 139.0 L 14.4 141.5 L 28.8 143.3 L 43.2 144.5 L 57.6 145.0 L 72.0 144.8 L 86.4 143.8 L 100.8 142.2 L 115.2 139.9 L 129.6 137.0 L 144.0 133.4 L 158.4 129.4 L 172.8 124.9 L 187.2 120.0 L 201.6 114.8 L 216.0 109.4 L 230.4 103.8 L 244.8 98.1 L 259.2 92.5 L 273.6 87.0 L 288.0 81.7 L 302.4 76.7 L 316.8 72.0 L 331.2 67.8 L 345.6 64.2 L 360.0 61.0 L 374.4 58.5 L 388.8 56.7 L 403.2 55.5 L 417.6 55.0 L 432.0 55.2 L 446.4 56.2 L 460.8 57.8 L 475.2 60.1 L 489.6 63.0 L 504.0 66.6 L 518.4 70.6 L 532.8 75.1 L 547.2 80.0 L 561.6 85.2 L 576.0 90.6 L 590.4 96.2 L 604.8 101.9 L 619.2 107.5 L 633.6 113.0 L 648.0 118.3 L 662.4 123.3 L 676.8 128.0 L 691.2 132.2 L 705.6 135.8 L 720.0 139.0 L 734.4 141.5 L 748.8 143.3 L 763.2 144.5 L 777.6 145.0 L 792.0 144.8 L 806.4 143.8 L 820.8 142.2 L 835.2 139.9 L 849.6 137.0 L 864.0 133.4 L 878.4 129.4 L 892.8 124.9 L 907.2 120.0 L 921.6 114.8 L 936.0 109.4 L 950.4 103.8 L 964.8 98.1 L 979.2 92.5 L 993.6 87.0 L 1008.0 81.7 L 1022.4 76.7 L 1036.8 72.0 L 1051.2 67.8 L 1065.6 64.2 L 1080.0 61.0 L 1094.4 58.5 L 1108.8 56.7 L 1123.2 55.5 L 1137.6 55.0 L 1152.0 55.2 L 1166.4 56.2 L 1180.8 57.8 L 1195.2 60.1 L 1209.6 63.0 L 1224.0 66.6 L 1238.4 70.6 L 1252.8 75.1 L 1267.2 80.0 L 1281.6 85.2 L 1296.0 90.6 L 1310.4 96.2 L 1324.8 101.9 L 1339.2 107.5 L 1353.6 113.0 L 1368.0 118.3 L 1382.4 123.3 L 1396.8 128.0 L 1411.2 132.2 L 1425.6 135.8 L 1440.0 139.0 L 1440 200 L 0 200 Z" fill="url(#wave-gradient)" opacity="0.55" />
  <path d="M 0.0 134.6 L 14.4 131.9 L 28.8 128.6 L 43.2 124.8 L 57.6 120.7 L 72.0 116.3 L 86.4 111.6 L 100.8 106.7 L 115.2 101.7 L 129.6 96.7 L 144.0 91.7 L 158.4 86.8 L 172.8 82.2 L 187.2 77.9 L 201.6 73.9 L 216.0 70.3 L 230.4 67.2 L 244.8 64.6 L 259.2 62.5 L 273.6 61.1 L 288.0 60.2 L 302.4 60.0 L 316.8 60.4 L 331.2 61.5 L 345.6 63.1 L 360.0 65.4 L 374.4 68.1 L 388.8 71.4 L 403.2 75.2 L 417.6 79.3 L 432.0 83.7 L 446.4 88.4 L 460.8 93.3 L 475.2 98.3 L 489.6 103.3 L 504.0 108.3 L 518.4 113.2 L 532.8 117.8 L 547.2 122.1 L 561.6 126.1 L 576.0 129.7 L 590.4 132.8 L 604.8 135.4 L 619.2 137.5 L 633.6 138.9 L 648.0 139.8 L 662.4 140.0 L 676.8 139.6 L 691.2 138.5 L 705.6 136.9 L 720.0 134.6 L 734.4 131.9 L 748.8 128.6 L 763.2 124.8 L 777.6 120.7 L 792.0 116.3 L 806.4 111.6 L 820.8 106.7 L 835.2 101.7 L 849.6 96.7 L 864.0 91.7 L 878.4 86.8 L 892.8 82.2 L 907.2 77.9 L 921.6 73.9 L 936.0 70.3 L 950.4 67.2 L 964.8 64.6 L 979.2 62.5 L 993.6 61.1 L 1008.0 60.2 L 1022.4 60.0 L 1036.8 60.4 L 1051.2 61.5 L 1065.6 63.1 L 1080.0 65.4 L 1094.4 68.1 L 1108.8 71.4 L 1123.2 75.2 L 1137.6 79.3 L 1152.0 83.7 L 1166.4 88.4 L 1180.8 93.3 L 1195.2 98.3 L 1209.6 103.3 L 1224.0 108.3 L 1238.4 113.2 L 1252.8 117.8 L 1267.2 122.1 L 1281.6 126.1 L 1296.0 129.7 L 1310.4 132.8 L 1324.8 135.4 L 1339.2 137.5 L 1353.6 138.9 L 1368.0 139.8 L 1382.4 140.0 L 1396.8 139.6 L 1411.2 138.5 L 1425.6 136.9 L 1440.0 134.6 L 1440 200 L 0 200 Z" fill="url(#wave-gradient)" opacity="0.40" />
</svg>
HTML Embed
<div style="width: 100%; overflow: hidden; line-height: 0;">
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 200" preserveAspectRatio="none">
    <defs>
      <linearGradient id="wave-gradient" x1="0%" y1="0%" x2="100%" y2="0%">
        <stop offset="0%" style="stop-color:#6366f1;stop-opacity:1" />
        <stop offset="100%" style="stop-color:#8b5cf6;stop-opacity:1" />
      </linearGradient>
    </defs>
    <path d="M 0.0 100.0 L 14.4 106.3 L 28.8 112.4 L 43.2 118.4 L 57.6 124.1 L 72.0 129.4 L 86.4 134.2 L 100.8 138.5 L 115.2 142.2 L 129.6 145.2 L 144.0 147.6 L 158.4 149.1 L 172.8 149.9 L 187.2 149.9 L 201.6 149.1 L 216.0 147.6 L 230.4 145.2 L 244.8 142.2 L 259.2 138.5 L 273.6 134.2 L 288.0 129.4 L 302.4 124.1 L 316.8 118.4 L 331.2 112.4 L 345.6 106.3 L 360.0 100.0 L 374.4 93.7 L 388.8 87.6 L 403.2 81.6 L 417.6 75.9 L 432.0 70.6 L 446.4 65.8 L 460.8 61.5 L 475.2 57.8 L 489.6 54.8 L 504.0 52.4 L 518.4 50.9 L 532.8 50.1 L 547.2 50.1 L 561.6 50.9 L 576.0 52.4 L 590.4 54.8 L 604.8 57.8 L 619.2 61.5 L 633.6 65.8 L 648.0 70.6 L 662.4 75.9 L 676.8 81.6 L 691.2 87.6 L 705.6 93.7 L 720.0 100.0 L 734.4 106.3 L 748.8 112.4 L 763.2 118.4 L 777.6 124.1 L 792.0 129.4 L 806.4 134.2 L 820.8 138.5 L 835.2 142.2 L 849.6 145.2 L 864.0 147.6 L 878.4 149.1 L 892.8 149.9 L 907.2 149.9 L 921.6 149.1 L 936.0 147.6 L 950.4 145.2 L 964.8 142.2 L 979.2 138.5 L 993.6 134.2 L 1008.0 129.4 L 1022.4 124.1 L 1036.8 118.4 L 1051.2 112.4 L 1065.6 106.3 L 1080.0 100.0 L 1094.4 93.7 L 1108.8 87.6 L 1123.2 81.6 L 1137.6 75.9 L 1152.0 70.6 L 1166.4 65.8 L 1180.8 61.5 L 1195.2 57.8 L 1209.6 54.8 L 1224.0 52.4 L 1238.4 50.9 L 1252.8 50.1 L 1267.2 50.1 L 1281.6 50.9 L 1296.0 52.4 L 1310.4 54.8 L 1324.8 57.8 L 1339.2 61.5 L 1353.6 65.8 L 1368.0 70.6 L 1382.4 75.9 L 1396.8 81.6 L 1411.2 87.6 L 1425.6 93.7 L 1440.0 100.0 L 1440 200 L 0 200 Z" fill="url(#wave-gradient)" opacity="0.70" />
    <path d="M 0.0 139.0 L 14.4 141.5 L 28.8 143.3 L 43.2 144.5 L 57.6 145.0 L 72.0 144.8 L 86.4 143.8 L 100.8 142.2 L 115.2 139.9 L 129.6 137.0 L 144.0 133.4 L 158.4 129.4 L 172.8 124.9 L 187.2 120.0 L 201.6 114.8 L 216.0 109.4 L 230.4 103.8 L 244.8 98.1 L 259.2 92.5 L 273.6 87.0 L 288.0 81.7 L 302.4 76.7 L 316.8 72.0 L 331.2 67.8 L 345.6 64.2 L 360.0 61.0 L 374.4 58.5 L 388.8 56.7 L 403.2 55.5 L 417.6 55.0 L 432.0 55.2 L 446.4 56.2 L 460.8 57.8 L 475.2 60.1 L 489.6 63.0 L 504.0 66.6 L 518.4 70.6 L 532.8 75.1 L 547.2 80.0 L 561.6 85.2 L 576.0 90.6 L 590.4 96.2 L 604.8 101.9 L 619.2 107.5 L 633.6 113.0 L 648.0 118.3 L 662.4 123.3 L 676.8 128.0 L 691.2 132.2 L 705.6 135.8 L 720.0 139.0 L 734.4 141.5 L 748.8 143.3 L 763.2 144.5 L 777.6 145.0 L 792.0 144.8 L 806.4 143.8 L 820.8 142.2 L 835.2 139.9 L 849.6 137.0 L 864.0 133.4 L 878.4 129.4 L 892.8 124.9 L 907.2 120.0 L 921.6 114.8 L 936.0 109.4 L 950.4 103.8 L 964.8 98.1 L 979.2 92.5 L 993.6 87.0 L 1008.0 81.7 L 1022.4 76.7 L 1036.8 72.0 L 1051.2 67.8 L 1065.6 64.2 L 1080.0 61.0 L 1094.4 58.5 L 1108.8 56.7 L 1123.2 55.5 L 1137.6 55.0 L 1152.0 55.2 L 1166.4 56.2 L 1180.8 57.8 L 1195.2 60.1 L 1209.6 63.0 L 1224.0 66.6 L 1238.4 70.6 L 1252.8 75.1 L 1267.2 80.0 L 1281.6 85.2 L 1296.0 90.6 L 1310.4 96.2 L 1324.8 101.9 L 1339.2 107.5 L 1353.6 113.0 L 1368.0 118.3 L 1382.4 123.3 L 1396.8 128.0 L 1411.2 132.2 L 1425.6 135.8 L 1440.0 139.0 L 1440 200 L 0 200 Z" fill="url(#wave-gradient)" opacity="0.55" />
    <path d="M 0.0 134.6 L 14.4 131.9 L 28.8 128.6 L 43.2 124.8 L 57.6 120.7 L 72.0 116.3 L 86.4 111.6 L 100.8 106.7 L 115.2 101.7 L 129.6 96.7 L 144.0 91.7 L 158.4 86.8 L 172.8 82.2 L 187.2 77.9 L 201.6 73.9 L 216.0 70.3 L 230.4 67.2 L 244.8 64.6 L 259.2 62.5 L 273.6 61.1 L 288.0 60.2 L 302.4 60.0 L 316.8 60.4 L 331.2 61.5 L 345.6 63.1 L 360.0 65.4 L 374.4 68.1 L 388.8 71.4 L 403.2 75.2 L 417.6 79.3 L 432.0 83.7 L 446.4 88.4 L 460.8 93.3 L 475.2 98.3 L 489.6 103.3 L 504.0 108.3 L 518.4 113.2 L 532.8 117.8 L 547.2 122.1 L 561.6 126.1 L 576.0 129.7 L 590.4 132.8 L 604.8 135.4 L 619.2 137.5 L 633.6 138.9 L 648.0 139.8 L 662.4 140.0 L 676.8 139.6 L 691.2 138.5 L 705.6 136.9 L 720.0 134.6 L 734.4 131.9 L 748.8 128.6 L 763.2 124.8 L 777.6 120.7 L 792.0 116.3 L 806.4 111.6 L 820.8 106.7 L 835.2 101.7 L 849.6 96.7 L 864.0 91.7 L 878.4 86.8 L 892.8 82.2 L 907.2 77.9 L 921.6 73.9 L 936.0 70.3 L 950.4 67.2 L 964.8 64.6 L 979.2 62.5 L 993.6 61.1 L 1008.0 60.2 L 1022.4 60.0 L 1036.8 60.4 L 1051.2 61.5 L 1065.6 63.1 L 1080.0 65.4 L 1094.4 68.1 L 1108.8 71.4 L 1123.2 75.2 L 1137.6 79.3 L 1152.0 83.7 L 1166.4 88.4 L 1180.8 93.3 L 1195.2 98.3 L 1209.6 103.3 L 1224.0 108.3 L 1238.4 113.2 L 1252.8 117.8 L 1267.2 122.1 L 1281.6 126.1 L 1296.0 129.7 L 1310.4 132.8 L 1324.8 135.4 L 1339.2 137.5 L 1353.6 138.9 L 1368.0 139.8 L 1382.4 140.0 L 1396.8 139.6 L 1411.2 138.5 L 1425.6 136.9 L 1440.0 134.6 L 1440 200 L 0 200 Z" fill="url(#wave-gradient)" opacity="0.40" />
  </svg>
</div>