Beta

Wave Header SVG background, flat

Free
Wave Header SVG background, flat

A dark blue strip hangs in gentle waves from the top of a pale blue canvas. It works above a blog post or across a classroom handout.

Sign in to download. Free SVGs are free with any account.

waveheaderbannerwebsitewavesbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7YcEVlAtBIYa/amnt.svg" alt="Wave Header" 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="#EAF7FA"/><path d="M0 0 H1600 V165 C1370 215 1190 220 980 175 C750 125 560 135 350 190 C215 225 100 215 0 180 Z" fill="#245C86"/></svg>
CSS background-image
.wave-header {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/7YcEVlAtBIYa/amnt.svg");
  background-size: contain;
}
React
import WaveHeaderSvg from "./wave-header.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Wave Header: Pale blue canvas with a dark blue strip descending in gentle waves from the top edge. as part of the pack Wave Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Wave 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