Horizon SVG background, flat

Free

Preview on the whole page

A distant strip of land separates a wide muted sky from an open plain. Its spare layout suits a presentation title slide or a rural event poster.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

horizon landscape open space plain gradient background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/On8W1nq7Tvua/amnt.svg" alt="Horizon" 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="#CED9D5"/><path d="M0 500H1600V900H0Z" fill="#C5C6AB"/><path d="M0 486L180 484L350 487L530 483L710 485L890 482L1080 485L1270 481L1440 484L1600 482V505H0Z" fill="#85958B"/></svg>

CSS background-image

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

React

import HorizonSvg from "./horizon.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Horizon: A single distant land strip divides a wide muted sky from a broad plain. 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