Wave Generator

Create beautiful SVG wave patterns for modern landing pages and backgrounds. Customize and export instantly.
Wave Preview

Wave Settings

Wave Type
Wave Color
Background Color
Amplitude: 40px
Frequency: 2
Layers: 3
Opacity: 0.7
Position
Flip Vertically
CSS Code

Use this CSS as a background image
background-image: url("data:image/svg+xml,%3Csvg%20width%3D'1440'%20height%3D'320'%20viewBox%3D'0%200%201440%20320'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20preserveAspectRatio%3D'none'%3E%0A%20%20%3Crect%20width%3D'100%25'%20height%3D'100%25'%20fill%3D'%2523ffffff'%2F%3E%0A%20%20%3Cpath%20d%3D'M%200%20320%20L%200%20129.72790018768288%20L%2010%20128.61625114706285%20L%2020%20127.56434285612008%20L%2030%20126.57417768207293%20L%2040%20125.64764046060748%20L%2050%20124.78649490798576%20L%2060%20123.99238026371147%20L%2070%20123.26680817014453%20L%2080%20122.61115979500386%20L%2090%20122.02668320223614%20L%20100%20121.51449097625522%20L%20110%20121.07555810407433%20L%20120%20120.71072011936299%20L%20130%20120.42067151196113%20L%20140%20120.20596440587823%20L%20150%20120.06700750829387%20L%20160%20120.00406533156038%20L%20170%20120.01725768968859%20L%20180%20120.106559470275%20L%20190%20120.27180068230467%20L%20200%20120.51266677973882%20L%20210%20120.82869926027104%20L%20220%20121.2192965381125%20L%20230%20121.68371508914478%20L%20240%20122.22107086626015%20L%20250%20122.83034098219554%20L%20260%20123.51036565665666%20L%20270%20124.25985042402554%20L%20280%20125.07736859744963%20L%20290%20125.96136398462107%20L%20300%20126.91015385007736%20L%20310%20127.92193211838398%20L%20320%20128.99477281210142%20L%20330%20130.12663371799295%20L%20340%20131.3153602744934%20L%20350%20132.5586896730397%20L%20360%20133.85425516545553%20L%20370%20135.19959056919086%20L%20380%20136.59213496184088%20L%20390%20138.0292375560071%20L%20400%20139.508162745222%20L%20410%20141.02609531133123%20L%20420%20142.58014578342159%20L%20430%20144.167355938093%20L%20440%20145.7847044306049%20L%20450%20147.42911254617778%20L%20460%20149.09745006050147%20L%20470%20150.78654119829548%20L%20480%20152.49317067857726%20L%20490%20154.2140898351327%20L%20500%20155.94602280053655%20L%20510%20157.68567274195263%20L%20520%20159.42972813684216%20L%20530%20161.1748690766353%20L%20540%20162.9177735863659%20L%20550%20164.65512394823944%20L%20560%20166.38361301709756%20L%20570%20168.09995051575677%20L%20580%20169.8008692982382%20L%20590%20171.48313156896538%20L%20600%20173.14353504609255%20L%20610%20174.77891905722973%20L%20620%20176.38617055596268%20L%20630%20177.96223004771323%20L%20640%20179.50409741366164%20L%20650%20181.0088376216426%20L%20660%20182.4735863131466%20L%20670%20183.89555525578834%20L%20680%20185.2720376508661%20L%20690%20186.60041328590674%20L%20700%20187.87815352238897%20L%20710%20189.1028261091507%20L%20720%20190.27209981231712%20L%20730%20191.38374885293715%20L%20740%20192.43565714387992%20L%20750%20193.4258223179271%20L%20760%20194.35235953939252%20L%20770%20195.21350509201426%20L%20780%20196.00761973628852%20L%20790%20196.73319182985549%20L%20800%20197.38884020499614%20L%20810%20197.97331679776386%20L%20820%20198.48550902374478%20L%20830%20198.92444189592567%20L%20840%20199.28927988063703%20L%20850%20199.57932848803887%20L%20860%20199.79403559412177%20L%20870%20199.93299249170613%20L%20880%20199.99593466843962%20L%20890%20199.9827423103114%20L%20900%20199.893440529725%20L%20910%20199.72819931769533%20L%20920%20199.48733322026118%20L%20930%20199.17130073972896%20L%20940%20198.78070346188747%20L%20950%20198.31628491085522%20L%20960%20197.77892913373987%20L%20970%20197.16965901780443%20L%20980%20196.48963434334334%20L%20990%20195.74014957597447%20L%201000%20194.92263140255042%20L%201010%20194.03863601537896%20L%201020%20193.08984614992264%20L%201030%20192.07806788161605%20L%201040%20191.00522718789858%20L%201050%20189.87336628200705%20L%201060%20188.6846397255066%20L%201070%20187.44131032696032%20L%201080%20186.14574483454447%20L%201090%20184.8004094308091%20L%201100%20183.40786503815912%20L%201110%20181.97076244399292%20L%201120%20180.491837254778%20L%201130%20178.97390468866874%20L%201140%20177.41985421657841%20L%201150%20175.83264406190696%20L%201160%20174.21529556939504%20L%201170%20172.57088745382222%20L%201180%20170.90254993949853%20L%201190%20169.21345880170458%20L%201200%20167.50682932142269%20L%201210%20165.7859101648673%20L%201220%20164.05397719946347%20L%201230%20162.31432725804737%20L%201240%20160.5702718631578%20L%201250%20158.8251309233647%20L%201260%20157.08222641363415%20L%201270%20155.34487605176056%20L%201280%20153.6163869829024%20L%201290%20151.90004948424323%20L%201300%20150.19913070176187%20L%201310%20148.51686843103462%20L%201320%20146.85646495390745%20L%201330%20145.22108094277027%20L%201340%20143.61382944403732%20L%201350%20142.03776995228677%20L%201360%20140.49590258633836%20L%201370%20138.9911623783574%20L%201380%20137.5264136868534%20L%201390%20136.10444474421163%20L%201400%20134.7279623491339%20L%201410%20133.3995867140933%20L%201420%20132.12184647761103%20L%201430%20130.89717389084927%20L%201440%20129.72790018768288%20L%201440%20320%20L%200%20320%20Z'%20fill%3D'%25233b82f6'%20opacity%3D'0.39999999999999997'%20transform%3D''%2F%3E%0A%20%20%3Cpath%20d%3D'M%200%20320%20L%200%20196.37189707302727%20L%2010%20195.6111962837979%20L%2020%20194.78270755843425%20L%2030%20193.8880079723133%20L%2040%20192.92880063694852%20L%2050%20191.90691145802066%20L%2060%20190.82428565966217%20L%2070%20189.68298408161263%20L%2080%20188.4851792562932%20L%2090%20187.2331512732677%20L%20100%20185.9292834389624%20L%20110%20184.57605773990687%20L%20120%20183.17605011813163%20L%20130%20181.73192556771596%20L%20140%20180.24643306182023%20L%20150%20178.7224003198593%20L%20160%20177.16272842477787%20L%20170%20175.57038630067413%20L%20180%20173.94840506128415%20L%20190%20172.2998722400845%20L%20200%20170.62792591299683%20L%20210%20168.93574872488196%20L%20220%20167.2265618311945%20L%20230%20165.50361876633042%20L%20240%20163.7701992503394%20L%20250%20162.02960294579125%20L%20260%20160.2851431766807%20L%20270%20158.54014062132686%20L%20280%20156.7979169912733%20L%20290%20155.06178870822131%20L%20300%20153.33506059103286%20L%20310%20151.62101956481976%20L%20320%20149.92292840409513%20L%20330%20148.24401952189663%20L%20340%20146.58748881670445%20L%20350%20144.95648958886696%20L%20360%20143.35412653811431%20L%20370%20141.78344985358595%20L%20380%20140.24744940762233%20L%20390%20138.74904906437285%20L%20400%20137.29110111405447%20L%20410%20135.8763808434549%20L%20420%20134.5075812530167%20L%20430%20133.18730793055775%20L%20440%20131.91807409138679%20L%20450%20130.70229579425518%20L%20460%20129.54228734225188%20L%20470%20128.44025687739577%20L%20480%20127.39830217731215%20L%20490%20126.41840666199334%20L%20500%20125.50243561824644%20L%20510%20124.65213264901357%20L%20520%20123.86911635432477%20L%20530%20123.15487725020068%20L%20540%20122.51077493137072%20L%20550%20121.93803548320714%20L%20560%20121.43774914780194%20L%20570%20121.01086824862895%20L%20580%20120.65820537774206%20L%20590%20120.3804318489601%20L%20600%20120.17807641998266%20L%20610%20120.05152428586999%20L%20620%20120.00101634580207%20L%20630%20120.02664874451355%20L%20640%20120.1283726892766%20L%20650%20120.30599454278077%20L%20660%20120.55917619173255%20L%20670%20120.88743569047324%20L%20680%20121.29014817838994%20L%20690%20121.76654706937323%20L%20700%20122.31572551105738%20L%20710%20122.93663811106538%20L%20720%20123.62810292697273%20L%20730%20124.38880371620209%20L%20740%20125.21729244156573%20L%20750%20126.11199202768674%20L%20760%20127.07119936305148%20L%20770%20128.09308854197934%20L%20780%20129.17571434033783%20L%20790%20130.3170159183874%20L%20800%20131.51482074370676%20L%20810%20132.76684872673232%20L%20820%20134.0707165610376%20L%20830%20135.42394226009313%20L%20840%20136.82394988186837%20L%20850%20138.26807443228404%20L%20860%20139.75356693817974%20L%20870%20141.2775996801407%20L%20880%20142.83727157522213%20L%20890%20144.42961369932587%20L%20900%20146.05159493871585%20L%20910%20147.7001277599155%20L%20920%20149.37207408700317%20L%20930%20151.06425127511804%20L%20940%20152.7734381688055%20L%20950%20154.49638123366958%20L%20960%20156.22980074966057%20L%20970%20157.97039705420877%20L%20980%20159.7148568233193%20L%20990%20161.45985937867312%20L%201000%20163.20208300872667%20L%201010%20164.93821129177863%20L%201020%20166.66493940896714%20L%201030%20168.37898043518024%20L%201040%20170.07707159590484%20L%201050%20171.75598047810337%20L%201060%20173.41251118329555%20L%201070%20175.04351041113304%20L%201080%20176.64587346188569%20L%201090%20178.21655014641405%20L%201100%20179.75255059237767%20L%201110%20181.25095093562715%20L%201120%20182.70889888594553%20L%201130%20184.1236191565451%20L%201140%20185.49241874698328%20L%201150%20186.81269206944228%20L%201160%20188.08192590861324%20L%201170%20189.29770420574482%20L%201180%20190.45771265774812%20L%201190%20191.5597431226042%20L%201200%20192.60169782268787%20L%201210%20193.58159333800666%20L%201220%20194.49756438175356%20L%201230%20195.34786735098643%20L%201240%20196.13088364567523%20L%201250%20196.84512274979932%20L%201260%20197.48922506862928%20L%201270%20198.06196451679284%20L%201280%20198.56225085219808%20L%201290%20198.98913175137105%20L%201300%20199.34179462225794%20L%201310%20199.6195681510399%20L%201320%20199.8219235800173%20L%201330%20199.94847571413%20L%201340%20199.99898365419793%20L%201350%20199.97335125548645%20L%201360%20199.8716273107234%20L%201370%20199.69400545721925%20L%201380%20199.44082380826745%20L%201390%20199.11256430952676%20L%201400%20198.70985182161007%20L%201410%20198.23345293062678%20L%201420%20197.6842744889426%20L%201430%20197.06336188893462%20L%201440%20196.37189707302727%20L%201440%20320%20L%200%20320%20Z'%20fill%3D'%25233b82f6'%20opacity%3D'0.5499999999999999'%20transform%3D''%2F%3E%0A%20%20%3Cpath%20d%3D'M%200%20320%20L%200%20160%20L%2010%20161.74477549461344%20L%2020%20163.48622970990633%20L%2030%20165.22104768880206%20L%2040%20166.9459271066772%20L%2050%20168.6575845575241%20L%2060%20170.35276180410082%20L%2070%20172.02823198017091%20L%2080%20173.68080573302674%20L%2090%20175.3073372946036%20L%20100%20176.90473046962796%20L%20110%20178.46994452940135%20L%20120%20180%20L%20130%20181.49198433387295%20L%20140%20182.94305745404185%20L%20150%20184.3504571603488%20L%20160%20185.71150438746156%20L%20170%20187.0236083046264%20L%20180%20188.2842712474619%20L%20190%20189.49109347240497%20L%20200%20190.64177772475912%20L%20210%20191.7341336116494%20L%20220%20192.76608177155967%20L%20230%20193.73565783251541%20L%20240%20194.64101615137753%20L%20250%20195.48043332712888%20L%20260%20196.252311481466%20L%20270%20196.95518130045147%20L%20280%20197.58770483143633%20L%20290%20198.14867802992907%20L%20300%20198.63703305156272%20L%20310%20199.05184028479732%20L%20320%20199.39231012048833%20L%20330%20199.6577944549524%20L%20340%20199.8477879236698%20L%20350%20199.9619288632743%20L%20360%20200%20L%20370%20199.9619288632743%20L%20380%20199.8477879236698%20L%20390%20199.6577944549524%20L%20400%20199.39231012048833%20L%20410%20199.05184028479732%20L%20420%20198.63703305156272%20L%20430%20198.14867802992907%20L%20440%20197.58770483143633%20L%20450%20196.95518130045147%20L%20460%20196.252311481466%20L%20470%20195.48043332712888%20L%20480%20194.64101615137756%20L%20490%20193.73565783251541%20L%20500%20192.7660817715597%20L%20510%20191.7341336116494%20L%20520%20190.64177772475912%20L%20530%20189.49109347240497%20L%20540%20188.2842712474619%20L%20550%20187.0236083046264%20L%20560%20185.7115043874616%20L%20570%20184.35045716034884%20L%20580%20182.94305745404185%20L%20590%20181.49198433387295%20L%20600%20180%20L%20610%20178.46994452940135%20L%20620%20176.90473046962796%20L%20630%20175.3073372946036%20L%20640%20173.68080573302674%20L%20650%20172.02823198017094%20L%20660%20170.35276180410085%20L%20670%20168.6575845575241%20L%20680%20166.94592710667723%20L%20690%20165.22104768880206%20L%20700%20163.48622970990633%20L%20710%20161.74477549461344%20L%20720%20160%20L%20730%20158.25522450538656%20L%20740%20156.51377029009367%20L%20750%20154.77895231119794%20L%20760%20153.05407289332277%20L%20770%20151.3424154424759%20L%20780%20149.64723819589918%20L%20790%20147.97176801982909%20L%20800%20146.31919426697326%20L%20810%20144.6926627053964%20L%20820%20143.09526953037204%20L%20830%20141.53005547059865%20L%20840%20140%20L%20850%20138.50801566612705%20L%20860%20137.05694254595818%20L%20870%20135.6495428396512%20L%20880%20134.28849561253844%20L%20890%20132.9763916953736%20L%20900%20131.7157287525381%20L%20910%20130.50890652759503%20L%20920%20129.35822227524088%20L%20930%20128.26586638835062%20L%20940%20127.23391822844033%20L%20950%20126.26434216748459%20L%20960%20125.35898384862246%20L%20970%20124.51956667287112%20L%20980%20123.747688518534%20L%20990%20123.04481869954854%20L%201000%20122.41229516856367%20L%201010%20121.85132197007093%20L%201020%20121.36296694843728%20L%201030%20120.94815971520266%20L%201040%20120.60768987951168%20L%201050%20120.34220554504759%20L%201060%20120.15221207633019%20L%201070%20120.03807113672569%20L%201080%20120%20L%201090%20120.03807113672569%20L%201100%20120.15221207633019%20L%201110%20120.34220554504758%20L%201120%20120.60768987951167%20L%201130%20120.94815971520266%20L%201140%20121.36296694843726%20L%201150%20121.85132197007093%20L%201160%20122.41229516856367%20L%201170%20123.04481869954853%20L%201180%20123.74768851853399%20L%201190%20124.51956667287112%20L%201200%20125.35898384862246%20L%201210%20126.26434216748457%20L%201220%20127.23391822844033%20L%201230%20128.2658663883506%20L%201240%20129.35822227524088%20L%201250%20130.50890652759503%20L%201260%20131.7157287525381%20L%201270%20132.9763916953736%20L%201280%20134.2884956125384%20L%201290%20135.64954283965116%20L%201300%20137.05694254595815%20L%201310%20138.50801566612702%20L%201320%20139.99999999999997%20L%201330%20141.53005547059865%20L%201340%20143.09526953037204%20L%201350%20144.69266270539637%20L%201360%20146.31919426697323%20L%201370%20147.97176801982906%20L%201380%20149.64723819589918%20L%201390%20151.3424154424759%20L%201400%20153.0540728933228%20L%201410%20154.77895231119794%20L%201420%20156.51377029009367%20L%201430%20158.25522450538656%20L%201440%20160%20L%201440%20320%20L%200%20320%20Z'%20fill%3D'%25233b82f6'%20opacity%3D'0.7'%20transform%3D''%2F%3E%0A%3C%2Fsvg%3E");
background-repeat: no-repeat;
background-position: bottom;
background-size: cover;