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="100"
height="100"
viewBox="0 0 512 512"
>
<linearGradient
id="a"
x1="74.981"
x2="437.019"
y1="439.019"
y2="76.981"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdc4a" />
<stop offset="1" stop-color="orange" />
</linearGradient>
<circle cx="256" cy="256" r="256" fill="url(#a)" />
<linearGradient
id="b"
x1="47.374"
x2="464.633"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#9c6be8" />
<stop offset=".653" stop-color="#794dd4" />
<stop offset="1" stop-color="#653bc9" />
</linearGradient>
<path
d="M442.686 215.337c-11.329-7.311-26.185-10.444-44.156-9.31-13.525.853-28.785 4.147-45.592 9.82 15.896-7.873 29.016-16.335 39.183-25.295 13.509-11.906 21.799-24.626 24.64-37.806 5.105-23.688-8.841-39.872-13.238-44.268-4.396-4.396-20.581-18.342-44.268-13.238-13.181 2.841-25.901 11.131-37.806 24.64-8.96 10.167-17.422 23.287-25.295 39.183 5.673-16.807 8.967-32.068 9.82-45.593 1.134-17.971-1.998-32.827-9.31-44.156-13.14-20.36-34.446-21.942-40.663-21.942-6.217 0-27.523 1.582-40.663 21.942-7.312 11.329-10.444 26.185-9.31 44.156.853 13.525 4.147 28.786 9.821 45.594-7.873-15.897-16.335-29.017-25.295-39.184-11.906-13.509-24.626-21.799-37.806-24.64-23.688-5.105-39.872 8.841-44.268 13.238-4.396 4.396-18.343 20.58-13.238 44.268 2.841 13.181 11.131 25.901 24.64 37.806 10.167 8.96 23.287 17.422 39.183 25.295-16.807-5.673-32.068-8.967-45.593-9.82-17.972-1.135-32.827 1.998-44.156 9.31-20.36 13.14-21.942 34.446-21.942 40.663 0 6.217 1.582 27.523 21.942 40.663 9.821 6.339 22.294 9.536 37.149 9.536 2.28 0 4.616-.075 7.008-.226 13.525-.853 28.785-4.147 45.593-9.82-15.896 7.873-29.016 16.335-39.183 25.295-13.509 11.906-21.799 24.626-24.64 37.806-5.105 23.688 8.842 39.872 13.238 44.268 3.732 3.732 15.958 14.346 34.058 14.346 3.222 0 6.631-.336 10.211-1.108 13.181-2.841 25.901-11.131 37.806-24.64 8.96-10.167 17.422-23.287 25.296-39.184-5.673 16.808-8.967 32.069-9.821 45.594-1.134 17.971 1.999 32.827 9.31 44.156 13.14 20.36 34.446 21.942 40.663 21.942 6.217 0 27.523-1.582 40.663-21.942 7.312-11.329 10.444-26.185 9.31-44.156-.853-13.525-4.147-28.786-9.82-45.593 7.873 15.896 16.335 29.016 25.295 39.183 11.905 13.509 24.625 21.799 37.806 24.64a48.325 48.325 0 0 0 10.211 1.108c18.098 0 30.326-10.614 34.058-14.346 4.396-4.396 18.343-20.58 13.238-44.268-2.841-13.181-11.131-25.901-24.64-37.806-10.167-8.96-23.287-17.422-39.183-25.295 16.807 5.673 32.068 8.967 45.592 9.82 2.392.151 4.727.226 7.008.226 14.854 0 27.328-3.198 37.149-9.536 20.36-13.14 21.942-34.446 21.942-40.663-.005-6.217-1.587-27.523-21.947-40.663z"
fill="url(#b)"
/>
<linearGradient
id="c"
x1="118.681"
x2="393.318"
y1="258.001"
y2="258.001"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#fff" />
<stop offset="1" stop-color="#d5d9d8" />
</linearGradient>
<path
d="M378.877 229.236c-7.457-4.812-17.235-6.874-29.064-6.128-8.902.562-18.946 2.73-30.009 6.464 10.463-5.182 19.098-10.752 25.79-16.649 8.892-7.836 14.348-16.209 16.218-24.884 3.36-15.591-5.819-26.244-8.713-29.138-2.893-2.894-13.547-12.073-29.138-8.713-8.676 1.87-17.048 7.326-24.884 16.218-5.898 6.692-11.467 15.327-16.649 25.79 3.734-11.063 5.902-21.107 6.464-30.009.746-11.828-1.315-21.607-6.128-29.064-8.649-13.401-22.672-14.442-26.764-14.442-4.092 0-18.116 1.042-26.764 14.442-4.813 7.457-6.874 17.235-6.128 29.064.562 8.902 2.73 18.947 6.464 30.01-5.182-10.463-10.752-19.099-16.65-25.791-7.836-8.892-16.209-14.348-24.884-16.218-15.592-3.36-26.244 5.819-29.137 8.713s-12.073 13.546-8.713 29.137c1.87 8.676 7.326 17.048 16.218 24.884 6.692 5.898 15.327 11.467 25.79 16.649-11.063-3.734-21.107-5.902-30.009-6.464-11.829-.747-21.607 1.315-29.064 6.128-13.401 8.649-14.442 22.672-14.442 26.764 0 4.092 1.042 18.116 14.442 26.764 6.464 4.172 14.674 6.277 24.451 6.277 1.501 0 3.039-.05 4.612-.149 8.902-.562 18.947-2.73 30.009-6.464-10.463 5.182-19.098 10.752-25.79 16.649-8.892 7.836-14.348 16.209-16.218 24.884-3.36 15.591 5.82 26.244 8.713 29.137 2.456 2.456 10.503 9.442 22.417 9.442 2.121 0 4.364-.221 6.721-.729 8.676-1.87 17.048-7.326 24.884-16.218 5.898-6.692 11.467-15.328 16.65-25.791-3.734 11.063-5.902 21.108-6.464 30.01-.746 11.829 1.316 21.607 6.128 29.064 8.649 13.401 22.672 14.442 26.764 14.442 4.092 0 18.116-1.042 26.764-14.442 4.813-7.457 6.874-17.235 6.128-29.064-.562-8.902-2.73-18.947-6.464-30.009 5.182 10.463 10.752 19.098 16.649 25.79 7.836 8.892 16.209 14.348 24.884 16.218 2.357.508 4.599.729 6.721.729 11.912 0 19.961-6.986 22.417-9.442 2.893-2.893 12.073-13.546 8.713-29.137-1.87-8.676-7.326-17.048-16.218-24.884-6.692-5.898-15.327-11.467-25.79-16.649 11.063 3.734 21.107 5.902 30.009 6.464 1.575.099 3.111.149 4.612.149 9.777 0 17.987-2.105 24.451-6.277 13.401-8.649 14.442-22.672 14.442-26.764.001-4.091-1.04-18.115-14.441-26.763z"
fill="url(#c)"
/>
<linearGradient
id="d"
x1="195.4"
x2="315.56"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ff473e" />
<stop offset=".825" stop-color="#b1200b" />
<stop offset="1" stop-color="#a01700" />
</linearGradient>
<circle cx="256" cy="256" r="66.67" fill="url(#d)" />
<linearGradient
id="e"
x1="207.99"
x2="304.01"
y1="258"
y2="258"
gradientTransform="matrix(1 0 0 -1 0 514)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#ffdc4a" />
<stop offset=".361" stop-color="#ffbc42" />
<stop offset="1" stop-color="#ff8736" />
</linearGradient>
<circle cx="256" cy="256" r="48.01" fill="url(#e)" />
</svg>
More icons in the same style and category