Menu

Beta
Sign in
Beta
Leaves SVG background, flat

Leaves SVG background, flat

Small leaf silhouettes gather along the top and side edges of a pale field. They frame a gardening newsletter header or a nature walk schedule.

Free · from Animated Backgrounds, Flat

Similar SVGs

More from Animated Backgrounds, Flat

Whole pack

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/bl69lbeEtFlG/amnt.svg" alt="Leaves" 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="#F3F5E9"/><defs><path id="leaf" d="M0 0 C13 -19 34 -25 55 -21 C49 0 32 15 0 0 Z"/></defs><g fill="none" stroke="#A5B89A" stroke-width="3" stroke-linecap="round"><path d="M0 118 C135 104 170 30 300 0"/><path d="M540 0 C660 85 790 74 915 0"/><path d="M1200 0 C1340 88 1470 100 1600 72"/><path d="M0 370 C92 420 108 505 0 590"/><path d="M1600 320 C1505 390 1515 485 1600 550"/><path d="M0 760 C100 718 155 790 210 900"/><path d="M1600 735 C1500 720 1455 805 1410 900"/></g><g fill="#89A987"><use href="#leaf" transform="translate(58 107) rotate(-48) scale(.75)"/><use href="#leaf" transform="translate(140 78) rotate(160) scale(.64)"/><use href="#leaf" transform="translate(231 27) rotate(-28) scale(.78)"/><use href="#leaf" transform="translate(584 25) rotate(32) scale(.7)"/><use href="#leaf" transform="translate(681 65) rotate(175) scale(.72)"/><use href="#leaf" transform="translate(795 55) rotate(14) scale(.65)"/><use href="#leaf" transform="translate(1240 25) rotate(38) scale(.75)"/><use href="#leaf" transform="translate(1345 75) rotate(165) scale(.66)"/><use href="#leaf" transform="translate(1460 91) rotate(-19) scale(.8)"/><use href="#leaf" transform="translate(36 385) rotate(48) scale(.68)"/><use href="#leaf" transform="translate(70 461) rotate(180) scale(.76)"/><use href="#leaf" transform="translate(39 545) rotate(-45) scale(.67)"/><use href="#leaf" transform="translate(1566 350) rotate(130) scale(.72)"/><use href="#leaf" transform="translate(1536 428) rotate(-5) scale(.76)"/><use href="#leaf" transform="translate(1568 515) rotate(140) scale(.68)"/><use href="#leaf" transform="translate(45 748) rotate(-34) scale(.7)"/><use href="#leaf" transform="translate(118 791) rotate(175) scale(.65)"/><use href="#leaf" transform="translate(1553 735) rotate(145) scale(.73)"/><use href="#leaf" transform="translate(1491 788) rotate(-10) scale(.68)"/></g><g fill="#B6C9A5"><use href="#leaf" transform="translate(100 91) rotate(145) scale(.56)"/><use href="#leaf" transform="translate(269 10) rotate(150) scale(.53)"/><use href="#leaf" transform="translate(744 67) rotate(-28) scale(.55)"/><use href="#leaf" transform="translate(1294 57) rotate(-25) scale(.57)"/><use href="#leaf" transform="translate(1532 88) rotate(155) scale(.55)"/><use href="#leaf" transform="translate(83 502) rotate(25) scale(.53)"/><use href="#leaf" transform="translate(1529 478) rotate(165) scale(.52)"/><use href="#leaf" transform="translate(162 835) rotate(-48) scale(.52)"/><use href="#leaf" transform="translate(1450 846) rotate(125) scale(.55)"/></g></svg>
CSS background-image
.leaves {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/bl69lbeEtFlG/amnt.svg");
  background-size: contain;
}
React
import LeavesSvg from "./leaves.jsx"; // from the React tab above

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

Tags

leavesfoliageplantsnatureanimatedbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Leaves: Arrange small leaf silhouettes along the top and side edges over a pale field. as part of the pack Animated 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