Beta

Ocean Horizon SVG background, flat

Free
Ocean Horizon SVG background, flat

A straight horizon divides pale sky from wide blue sea, marked by two thin wave bands. Use it on a coastal travel page or a sailing event flyer.

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

oceanseahorizonwaterflat gradientbackgroundflat

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/CL-oqucF_QlV/amnt.svg" alt="Ocean Horizon" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1600 900" preserveAspectRatio="xMidYMid slice" role="img" aria-label="Pale sky above a wide blue sea with two subtle wave bands"><rect width="1600" height="900" fill="#DDEEF3"/><rect y="470" width="1600" height="430" fill="#78AFC8"/><path d="M0 625 Q200 620 400 625 T800 625 T1200 625 T1600 625" fill="none" stroke="#A9CFDA" stroke-width="3"/><path d="M0 754 Q200 749 400 754 T800 754 T1200 754 T1600 754" fill="none" stroke="#A9CFDA" stroke-width="3"/></svg>
CSS background-image
.ocean-horizon {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/CL-oqucF_QlV/amnt.svg");
  background-size: contain;
}
React
import OceanHorizonSvg from "./ocean-horizon.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Ocean Horizon: Pale sky meets a wide blue sea at a straight horizon, with two thin wave bands. as part of the pack Flat Landscape Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Flat Landscape 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