Menu

Beta
Sign in
Beta
Rolling Waves SVG background, flat

Rolling Waves SVG background, flat

Long, rounded teal swells repeat across the lower half of this background. Try it on a sailing course schedule or a sea-life activity sheet.

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/Tna1qhHAdz8C/amnt.svg" alt="Rolling 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="#DDF3EF"/><path d="M0 555 C180 515 330 520 490 558 S820 600 1000 555 S1360 515 1600 560 L1600 900 L0 900 Z" fill="#B6E1DC"/><path d="M0 665 C190 620 345 625 505 664 S825 705 1000 665 S1360 620 1600 670 L1600 900 L0 900 Z" fill="#89CEC8"/><path d="M0 775 C195 730 350 735 510 775 S830 815 1005 775 S1365 730 1600 780 L1600 900 L0 900 Z" fill="#5FB7B2"/></svg>
CSS background-image
.rolling-waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/Tna1qhHAdz8C/amnt.svg");
  background-size: contain;
}
React
import RollingWavesSvg from "./rolling-waves.jsx"; // from the React tab above

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

Tags

rollingwavesswellseabackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Rolling Waves: Soft teal canvas with long, rounded swells repeating across the lower half. 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