Menu

Beta
Sign in
Beta
Overlapping Waves SVG background, flat

Overlapping Waves SVG background, flat

Broad teal waves overlap near the lower corners of a pale aqua canvas. Use the open space for a report cover or a community pool announcement.

Free · from Wave Backgrounds, Flat

Similar SVGs

More from Wave Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/t0Aa1mgU6JxD/amnt.svg" alt="Overlapping Waves" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice"><rect width="1600" height="900" fill="#E8F7F4"/><path d="M0 650 C260 665 420 790 730 825 C1050 862 1320 780 1600 745 L1600 900 L0 900 Z" fill="#A8DDD8"/><path d="M0 755 C220 700 390 735 610 810 C850 890 1160 865 1600 790 L1600 900 L0 900 Z" fill="#67B9B4"/><path d="M0 835 C280 790 475 860 710 900 L0 900 Z" fill="#318F92"/><path d="M900 900 C1120 855 1350 720 1600 765 L1600 900 Z" fill="#318F92"/></svg>
CSS background-image
.overlapping-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/t0Aa1mgU6JxD/amnt.svg");
  background-size: contain;
}
React
import OverlappingWavesSvg from "./overlapping-waves.jsx"; // from the React tab above

<OverlappingWavesSvg width={48} height={48} />

Tags

overlappingwaveswaterlayersbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Overlapping Waves: Pale aqua canvas with broad teal wave shapes overlapping near the lower corners. as part of the pack Wave Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Licence: free. A Free account may use it for personal work; Pro and Max download it with a commercial licence, fixed at download, forever. No credit needed. Read the licence

Settings