Beta

Flower SVG icon, line

Free

Five rounded petals surround a small center above a short stem. Place it on seed packets or a garden club meeting notice.

Sign in to download. Free SVGs are free with any account.

flowerblossomgardennatureiconline

How to use it

HTML <img>
<img src="https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jCAE-ATMXQVD/amnt.svg" alt="Flower" width="48" height="48">
Inline SVG
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 8.5c-2-1.5-2.1-4.5 0-5.5 2.1 1 2 4 0 5.5Z"/><path d="M14.5 10.3c.5-2.4 3.3-3.5 5-1.8.2 2.3-2 4.2-5 1.8Z"/><path d="M13.5 13.2c2.3-1.1 4.8.5 4.5 2.8-2 1.1-4.6 0-4.5-2.8Z"/><path d="M10.5 13.2c.1 2.8-2.5 3.9-4.5 2.8-.3-2.3 2.2-3.9 4.5-2.8Z"/><path d="M9.5 10.3c-3 .4-5.2-1.5-5-3.8 1.7-1.7 4.5-.6 5 3.8Z"/><circle cx="12" cy="11" r="2"/><path d="M12 17v4"/></svg>
CSS background-image
.flower {
  background-image: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jCAE-ATMXQVD/amnt.svg");
  background-size: contain;
}
CSS mask-image (takes the text colour)
.flower {
  width: 1.5em; height: 1.5em;
  background-color: currentColor;
  mask: url("https://db.amnt.io/storage/v1/object/public/generated_images/svg-api/jCAE-ATMXQVD/amnt.svg") center / contain no-repeat;
}
React
import FlowerSvg from "./flower.jsx"; // from the React tab above

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

Made with AMNT

AMNT SVG 1.1 drew this from the words Flower: Five rounded petals around a small center, with a short stem. as part of the pack Nature icons, line. Want one like it? Make your own in the SVG studio.

Rest of Nature icons, line

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