Waves SVG background, flat

Free

Preview on the whole page

Curved wave lines sweep along the bottom and right edges while the centre stays clear. The background fits a swimming class poster or a water conservation handout.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

waves water ripples flow line art background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nvR7q5BWCLOK/amnt.svg" alt="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="#F5F4EE"/><g fill="none" stroke="#94B7B5" stroke-width="3" opacity=".8"><path d="M-80 690 C260 625 480 765 790 710 S1250 535 1690 610"/><path d="M-80 724 C260 659 480 799 790 744 S1250 569 1690 644"/><path d="M-80 758 C260 693 480 833 790 778 S1250 603 1690 678"/><path d="M-80 792 C260 727 480 867 790 812 S1250 637 1690 712"/><path d="M-80 826 C260 761 480 901 790 846 S1250 671 1690 746"/><path d="M-80 860 C260 795 480 935 790 880 S1250 705 1690 780"/><path d="M-80 894 C260 829 480 969 790 914 S1250 739 1690 814"/><path d="M-80 928 C260 863 480 1003 790 948 S1250 773 1690 848"/></g><g fill="none" stroke="#C7D8D2" stroke-width="3"><path d="M1120 960 C1260 760 1430 665 1690 660"/><path d="M1165 960 C1305 790 1460 705 1690 700"/><path d="M1210 960 C1350 820 1490 745 1690 740"/><path d="M1255 960 C1395 850 1520 785 1690 780"/></g></svg>

CSS background-image

.waves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/nvR7q5BWCLOK/amnt.svg");
  background-size: contain;
}

React

import WavesSvg from "./waves.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Waves: Parallel curved wave lines sweep across the bottom and right edges, leaving the centre open. as part of the pack Line Art Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Line Art Backgrounds, Flat

Whole pack

Similar SVGs

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