Add icons to this collection by clicking the heart icon.
Flower icon - also known as nature, flower, petals, blossom, and botanical. Created in a clean gradient style, perfect for web, apps, and UI projects. Available in SVG and PNG, with multiple style variants.
<svg
xmlns="http://www.w3.org/2000/svg"
width="512"
height="512"
viewBox="0 0 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#6ac65e" />
<stop offset="1" stop-color="#afd986" />
</linearGradient>
<linearGradient
id="f"
x1="243.211"
x2="68.249"
y1="370.614"
y2="370.614"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="g"
x1="243.211"
x2="68.249"
y1="370.614"
y2="370.614"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ec6f80" />
<stop offset="1" stop-color="#eca0aa" />
</linearGradient>
<linearGradient
id="h"
x1="62.818"
x2="62.818"
y1="187.295"
y2="80.281"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="137.616"
x2="255.664"
y1="101.93"
y2="101.93"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="j"
x1="188.454"
x2="188.454"
y1="309.601"
y2="200.343"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="k"
x1="104.224"
x2="11.007"
y1="227.566"
y2="227.566"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#f4d952" />
<stop offset="1" stop-color="#f9edaf" />
</linearGradient>
<linearGradient
id="l"
x1="125.636"
x2="125.636"
y1="216.615"
y2="137.856"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="d">
<stop offset="0" stop-color="#eca0aa" />
<stop offset="1" stop-color="#f8dde3" />
</linearGradient>
<linearGradient
id="m"
x1="62.818"
x2="62.818"
y1="158.537"
y2="19.732"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="n"
x1="94.642"
x2="253.207"
y1="101.93"
y2="101.93"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="o"
x1="188.454"
x2="188.454"
y1="293.365"
y2="145.163"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="p"
x1="104.224"
x2="11.007"
y1="227.566"
y2="227.566"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
href="#d"
/>
<linearGradient
id="q"
x1="125.636"
x2="125.636"
y1="216.615"
y2="137.856"
gradientTransform="matrix(-1 0 0 1 502 0)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient id="e">
<stop offset="0" stop-color="#b39bdb" />
<stop offset="1" stop-color="#d0c3e8" />
</linearGradient>
<linearGradient
id="r"
x1="251"
x2="251"
y1="209.82"
y2="103.424"
gradientTransform="rotate(90 251 276.695)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="s"
x1="239.552"
x2="123.366"
y1="276.695"
y2="276.695"
gradientTransform="rotate(90 251 276.695)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="t"
x1="251"
x2="251"
y1="209.82"
y2="103.424"
gradientTransform="rotate(-90 251 276.695)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="u"
x1="239.552"
x2="123.366"
y1="276.695"
y2="276.695"
gradientTransform="rotate(-90 251 276.695)"
gradientUnits="userSpaceOnUse"
href="#e"
/>
<linearGradient
id="v"
x1="-2370.848"
x2="-2256.649"
y1="-3729.713"
y2="-3729.713"
gradientTransform="rotate(-90 970.388 -3010.325)"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<path
fill="url(#f)"
d="M77.975 449.72c30.133 30.133 104.395 4.727 146.721-37.599 31.721-31.721 33.009-81.865 2.876-111.998s-80.276-28.846-111.998 2.876C73.248 345.325 47.842 419.587 77.975 449.72z"
/>
<path
fill="#04b048"
d="M188.383 407.972c7.368-4.193 10.776-12.941 8.288-21.045-8.23-26.806-3.62-52.284 13.904-69.807l16.996-16.996c-9.196-9.196-20.26-15.449-32.091-18.821l-10.361 10.361c-18.626 18.627-28.716 43.988-28.41 71.412.128 11.499 1.999 23.077 5.509 34.526 3.382 11.033 16.136 16.079 26.165 10.37z"
/>
<path
fill="#04b048"
d="M133.745 405.45a11.468 11.468 0 0 1-8.132-3.368c-4.491-4.491-4.491-11.772 0-16.264l76.831-76.831c4.491-4.489 11.772-4.491 16.264 0 4.491 4.491 4.491 11.773 0 16.264l-76.831 76.831a11.468 11.468 0 0 1-8.132 3.368z"
/>
<path
fill="url(#g)"
d="M424.025 449.72c-30.133 30.133-104.395 4.727-146.721-37.599-31.721-31.721-33.009-81.865-2.876-111.998s80.276-28.846 111.998 2.876c42.326 42.326 67.732 116.588 37.599 146.721z"
/>
<path
fill="#04b048"
d="M368.256 405.45a11.468 11.468 0 0 1-8.132-3.368l-76.831-76.831c-4.491-4.491-4.491-11.772 0-16.264 4.492-4.49 11.771-4.49 16.264 0l76.831 76.831c4.491 4.491 4.491 11.772 0 16.264a11.468 11.468 0 0 1-8.132 3.368z"
/>
<path
fill="url(#h)"
d="M125.636 164.748V92.222c0-37.027-47.814-64.356-95.364-48.521C18.18 47.728 8.617 57.291 4.589 69.384c-15.835 47.55 11.494 95.364 48.521 95.364z"
/>
<path
fill="url(#i)"
d="M125.636 164.748V92.222c0-37.027 47.814-64.356 95.364-48.521 12.092 4.027 21.655 13.59 25.682 25.682 15.836 47.55-11.493 95.364-48.521 95.364z"
/>
<path
fill="url(#j)"
d="M125.636 164.748v72.526c0 37.027 47.814 64.356 95.364 48.521 12.092-4.027 21.655-13.59 25.682-25.683 15.836-47.55-11.493-95.364-48.521-95.364z"
/>
<path
fill="url(#k)"
d="M125.636 164.748v72.526c0 37.027-47.814 64.356-95.364 48.521-12.092-4.027-21.655-13.59-25.683-25.683-15.835-47.55 11.494-95.364 48.521-95.364z"
/>
<circle cx="125.636" cy="164.748" r="47.058" fill="url(#l)" />
<path
fill="url(#m)"
d="M376.364 164.748V92.222c0-37.027 47.814-64.356 95.364-48.521 12.092 4.027 21.655 13.59 25.683 25.682 15.835 47.55-11.494 95.364-48.521 95.364z"
/>
<path
fill="url(#n)"
d="M376.364 164.748V92.222c0-37.027-47.814-64.356-95.364-48.521-12.092 4.027-21.655 13.59-25.683 25.682-15.835 47.55 11.494 95.364 48.521 95.364z"
/>
<path
fill="url(#o)"
d="M376.364 164.748v72.526c0 37.027-47.814 64.356-95.364 48.521-12.092-4.027-21.655-13.59-25.683-25.683-15.835-47.55 11.494-95.364 48.521-95.364z"
/>
<path
fill="url(#p)"
d="M376.364 164.748v72.526c0 37.027 47.814 64.356 95.364 48.521 12.092-4.027 21.655-13.59 25.682-25.683 15.836-47.55-11.493-95.364-48.521-95.364z"
/>
<circle cx="376.364" cy="164.748" r="47.058" fill="url(#q)" />
<path
fill="url(#r)"
d="M291.425 236.27 251 276.695l40.425 40.425c30 30 83.316 22.202 126.692-23.154 9.225-9.646 9.225-24.896 0-34.542-43.377-45.356-96.693-53.154-126.692-23.154z"
/>
<path
fill="url(#s)"
d="M210.575 236.27 251 276.695l40.425-40.425c30-30 22.202-83.316-23.154-126.692-9.646-9.225-24.896-9.225-34.542 0-45.356 43.376-53.153 96.692-23.154 126.692z"
/>
<path
fill="url(#t)"
d="M210.575 317.12 251 276.695l-40.425-40.425c-30-30-83.316-22.202-126.692 23.154-9.225 9.646-9.225 24.896 0 34.542 43.377 45.356 96.693 53.153 126.692 23.154z"
/>
<path
fill="url(#u)"
d="M291.425 317.119 251 276.695l-40.425 40.425c-30 30-22.202 83.316 23.154 126.692 9.646 9.225 24.896 9.225 34.542 0 45.356-43.377 53.154-96.693 23.154-126.693z"
/>
<circle cx="251" cy="276.695" r="53.495" fill="url(#v)" />
<ellipse cx="163.114" cy="298.666" fill="#efc5db" rx="14.936" ry="12.003" />
<ellipse cx="338.886" cy="298.666" fill="#efc5db" rx="14.936" ry="12.003" />
<circle cx="188.721" cy="269.048" r="29.618" fill="#fff" />
<circle cx="313.279" cy="269.048" r="29.618" fill="#fff" />
<g fill="#3b3b44">
<circle cx="188.721" cy="269.048" r="17.652" />
<circle cx="313.279" cy="269.048" r="17.652" />
<path
d="M251 299.608c-5.248 0-10.495-1.984-14.776-5.953a5 5 0 1 1 6.799-7.334c4.696 4.355 11.256 4.355 15.954 0a5 5 0 1 1 6.798 7.334c-4.28 3.969-9.528 5.953-14.775 5.953z"
/>
</g>
</svg>
More icons in the same style and category