Beta

Ocean SVG background, flat

Free
Ocean SVG background, flat

Deep blue water fills this background, crossed by a few long, curved wave bands. Use it for a marine conservation poster or a swimming club schedule.

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

oceanseawaterwavesgradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NWXPpHt09UG5/amnt.svg" alt="Ocean" 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="#123F68"/><path d="M0 155C270 105 495 118 770 155S1320 213 1600 155V265C1320 322 1090 266 800 228S275 184 0 270Z" fill="#194C75"/><path d="M0 395C260 335 520 353 800 395S1325 452 1600 382V495C1320 557 1070 505 790 465S265 427 0 505Z" fill="#1C527C"/><path d="M0 640C285 565 530 585 815 630S1320 685 1600 615V735C1325 800 1080 747 790 705S270 665 0 750Z" fill="#174A73"/><path d="M0 835C285 770 530 790 815 830S1320 880 1600 815V900H0Z" fill="#205780"/></svg>
CSS background-image
.ocean {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/NWXPpHt09UG5/amnt.svg");
  background-size: contain;
}
React
import OceanSvg from "./ocean.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Ocean: Deep blue water fills the frame, crossed by a few long, softly curved wave bands. as part of the pack Flat Nature Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Flat Nature Backgrounds

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