Menu

Beta
Sign in
Beta
Flowers SVG background, flat

Flowers SVG background, flat

Simple five-petal flowers appear around the edges with space between each bloom. Add this background to a spring festival program or a flower-arranging workshop page.

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/d3uxdJ9NWouw/amnt.svg" alt="Flowers" 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="#F7F3E9"/><defs><g id="flower"><circle cx="0" cy="-35" r="31"/><circle cx="33.3" cy="-10.8" r="31"/><circle cx="20.6" cy="28.3" r="31"/><circle cx="-20.6" cy="28.3" r="31"/><circle cx="-33.3" cy="-10.8" r="31"/><circle cx="0" cy="0" r="18" fill="#E9B85C"/></g></defs><use href="#flower" transform="translate(55 85) rotate(-12) scale(1.3)" fill="#DF867B"/><use href="#flower" transform="translate(290 42) rotate(18) scale(0.95)" fill="#8DAFA7"/><use href="#flower" transform="translate(660 -18) rotate(-8) scale(1.1)" fill="#E9B3A0"/><use href="#flower" transform="translate(1080 38) rotate(22) scale(0.95)" fill="#DF867B"/><use href="#flower" transform="translate(1515 95) rotate(-15) scale(1.4)" fill="#8DAFA7"/><use href="#flower" transform="translate(-28 330) rotate(14) scale(1.25)" fill="#E9B3A0"/><use href="#flower" transform="translate(1570 410) rotate(8) scale(1.2)" fill="#DF867B"/><use href="#flower" transform="translate(48 655) rotate(-20) scale(1.15)" fill="#8DAFA7"/><use href="#flower" transform="translate(1555 720) rotate(16) scale(1.3)" fill="#E9B3A0"/><use href="#flower" transform="translate(225 875) rotate(10) scale(1.25)" fill="#DF867B"/><use href="#flower" transform="translate(570 920) rotate(-15) scale(1.15)" fill="#8DAFA7"/><use href="#flower" transform="translate(1080 895) rotate(20) scale(1.2)" fill="#E9B3A0"/><use href="#flower" transform="translate(1380 870) rotate(-10) scale(1.05)" fill="#DF867B"/></svg>
CSS background-image
.flowers {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/d3uxdJ9NWouw/amnt.svg");
  background-size: contain;
}
React
import FlowersSvg from "./flowers.jsx"; // from the React tab above

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

Tags

flowerspetalsfloralspringanimatedbackgroundflat

Made with AMNT

AMNT SVG 1.1 drew this from the words Flowers: Scatter simple five-petal flowers around the edges, with open space between blooms. 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