Flowers SVG background, flat

Free

Preview on the whole page

Little five-petal flowers and dots grow from the lower corners, keeping the center open. Place it behind a garden club announcement or a spring menu.

Fixed colourcurrentColor becomes your colour

Inline styleOne style attribute per shape

Minified

flowers floral garden hand drawn background flat

How to use it

HTML <img>

<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/j-gTUbcTb6NQ/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="#F5F1E8"/><defs><g id="flower"><ellipse cx="0" cy="-9" rx="5" ry="8"/><ellipse cx="0" cy="-9" rx="5" ry="8" transform="rotate(72)"/><ellipse cx="0" cy="-9" rx="5" ry="8" transform="rotate(144)"/><ellipse cx="0" cy="-9" rx="5" ry="8" transform="rotate(216)"/><ellipse cx="0" cy="-9" rx="5" ry="8" transform="rotate(288)"/><circle r="3" fill="#D5AC71"/></g></defs><g fill="none" stroke="#82978A" stroke-width="2.5" stroke-linecap="round"><path d="M0 899 Q105 791 208 780 Q282 770 342 694"/><path d="M58 900 Q95 813 95 728 Q96 663 153 600"/><path d="M0 812 Q84 818 142 772 Q194 731 240 650"/><path d="M141 796 Q187 837 285 839"/><path d="M94 735 Q54 696 49 639"/><path d="M228 766 Q265 793 328 785"/><path d="M94 788 Q132 747 126 687"/><path d="M159 718 Q190 690 192 629"/><path d="M289 761 Q316 739 318 710"/></g><g fill="#82978A"><ellipse cx="111" cy="821" rx="6" ry="15" transform="rotate(40 111 821)"/><ellipse cx="164" cy="787" rx="6" ry="15" transform="rotate(-48 164 787)"/><ellipse cx="229" cy="776" rx="6" ry="15" transform="rotate(38 229 776)"/><ellipse cx="104" cy="690" rx="6" ry="14" transform="rotate(-36 104 690)"/><ellipse cx="174" cy="691" rx="6" ry="14" transform="rotate(42 174 691)"/><ellipse cx="255" cy="809" rx="6" ry="14" transform="rotate(-45 255 809)"/></g><g fill="#C98D84"><use href="#flower" transform="translate(342 691) scale(.9)"/><use href="#flower" transform="translate(153 597) scale(.8)"/><use href="#flower" transform="translate(240 647) scale(.75)"/><use href="#flower" transform="translate(285 839) scale(.7)"/><use href="#flower" transform="translate(49 636) scale(.7)"/></g><g fill="#E3B6A4"><use href="#flower" transform="translate(126 684) scale(.7)"/><use href="#flower" transform="translate(192 626) scale(.65)"/><use href="#flower" transform="translate(328 785) scale(.65)"/><use href="#flower" transform="translate(318 707) scale(.55)"/></g><g transform="translate(1600 0) scale(-1 1)"><g fill="none" stroke="#82978A" stroke-width="2.5" stroke-linecap="round"><path d="M0 899 Q105 791 208 780 Q282 770 342 694"/><path d="M58 900 Q95 813 95 728 Q96 663 153 600"/><path d="M0 812 Q84 818 142 772 Q194 731 240 650"/><path d="M141 796 Q187 837 285 839"/><path d="M94 735 Q54 696 49 639"/><path d="M228 766 Q265 793 328 785"/><path d="M94 788 Q132 747 126 687"/><path d="M159 718 Q190 690 192 629"/><path d="M289 761 Q316 739 318 710"/></g><g fill="#82978A"><ellipse cx="111" cy="821" rx="6" ry="15" transform="rotate(40 111 821)"/><ellipse cx="164" cy="787" rx="6" ry="15" transform="rotate(-48 164 787)"/><ellipse cx="229" cy="776" rx="6" ry="15" transform="rotate(38 229 776)"/><ellipse cx="104" cy="690" rx="6" ry="14" transform="rotate(-36 104 690)"/><ellipse cx="174" cy="691" rx="6" ry="14" transform="rotate(42 174 691)"/><ellipse cx="255" cy="809" rx="6" ry="14" transform="rotate(-45 255 809)"/></g><g fill="#E3B6A4"><use href="#flower" transform="translate(342 691) scale(.9)"/><use href="#flower" transform="translate(153 597) scale(.8)"/><use href="#flower" transform="translate(240 647) scale(.75)"/><use href="#flower" transform="translate(285 839) scale(.7)"/><use href="#flower" transform="translate(49 636) scale(.7)"/></g><g fill="#C98D84"><use href="#flower" transform="translate(126 684) scale(.7)"/><use href="#flower" transform="translate(192 626) scale(.65)"/><use href="#flower" transform="translate(328 785) scale(.65)"/><use href="#flower" transform="translate(318 707) scale(.55)"/></g></g><g fill="#D5AC71"><circle cx="38" cy="754" r="3"/><circle cx="204" cy="584" r="2.5"/><circle cx="273" cy="719" r="3"/><circle cx="377" cy="739" r="2"/><circle cx="307" cy="865" r="2.5"/><circle cx="72" cy="588" r="2"/><circle cx="1562" cy="754" r="3"/><circle cx="1396" cy="584" r="2.5"/><circle cx="1327" cy="719" r="3"/><circle cx="1223" cy="739" r="2"/><circle cx="1293" cy="865" r="2.5"/><circle cx="1
…

CSS background-image

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

React

import FlowersSvg from "./flowers.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Flowers: Small five-petal flowers and dots grow from the lower corners around an open center. as part of the pack Hand-Drawn Flat Backgrounds. Want one like it? Make your own in the SVG studio.

Rest of Hand-Drawn Flat 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