Menu

Beta
Sign in
Beta
Rolling Hills SVG background, flat

Rolling Hills SVG background, flat

Smooth green hills overlap below a spacious pale sky. This countryside backdrop works for a walking group flyer or an environmental studies slide.

Free · from Illustrated Backgrounds, Flat

Similar SVGs

More from Illustrated Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/MiWWg197fI-j/amnt.svg" alt="Rolling Hills" 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="#EAF2EA"/><path d="M0 590 C260 455 500 480 740 620 C1010 775 1270 455 1600 525 L1600 900 L0 900 Z" fill="#C9DDC1"/><path d="M0 690 C250 545 470 590 695 710 C980 860 1270 555 1600 650 L1600 900 L0 900 Z" fill="#A8C99F"/><path d="M0 790 C250 675 445 700 660 795 C925 920 1230 685 1600 745 L1600 900 L0 900 Z" fill="#83B47F"/><path d="M0 865 C290 780 455 825 665 900 L0 900 Z M970 900 C1190 790 1410 800 1600 850 L1600 900 Z" fill="#659C69"/></svg>
CSS background-image
.rolling-hills {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/MiWWg197fI-j/amnt.svg");
  background-size: contain;
}
React
import RollingHillsSvg from "./rolling-hills.jsx"; // from the React tab above

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

Tags

hillscountrysidelandscapemeadowillustrationbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Rolling Hills: Smooth green hills overlap across the bottom half beneath a spacious pale sky. as part of the pack Illustrated 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