Green Yellow SVG background, flat

Free

Preview on the whole page

Chartreuse and soft yellow shapes run along opposite edges of a light-green field. It fits a spring sale graphic or a garden club newsletter.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

green yellow spring nature mesh gradient background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/ZChrhX2hbK5W/amnt.svg" alt="Green Yellow" 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="#C7E8A5"/><path d="M0 0H365C320 93 313 187 253 267C192 349 104 382 0 407Z" fill="#ACD96C"/><path d="M0 0H157C143 113 119 201 0 273Z" fill="#D6E886"/><path d="M1600 900H1070C1180 846 1225 772 1302 700C1383 625 1478 599 1600 590Z" fill="#DFE88E"/><path d="M1600 900H1330C1424 846 1467 787 1600 768Z" fill="#F0EDA8"/></svg>

CSS background-image

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

React

import GreenYellowSvg from "./green-yellow.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Green Yellow: Full light-green field with chartreuse and soft yellow shapes along opposite edges. as part of the pack Mesh Backgrounds, Flat. Want one like it? Make your own in the SVG studio.

Rest of Mesh Backgrounds, Flat

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