Menu

Beta
Sign in
Beta
Wave Header SVG background, flat

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.

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/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} />

Tags

waveheaderbannerwebsitewavesbackgroundflat

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.

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