Add icons to this collection by clicking the heart icon.
Floral Design icon - also known as nature, flower, floral design, art and design, and floral art. Created in a clean lineal color style with a silver and navy finish, 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 512 512"
>
<circle
cx="256"
cy="256"
r="192"
fill="none"
stroke="#a3f0f3"
stroke-width="16"
stroke-miterlimit="10"
/>
<path
d="M256 448c-106.039 0-192-85.961-192-192"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="216.522"
cy="216.522"
rx="27.915"
ry="55.83"
transform="rotate(-45.001 216.52 216.526)"
fill="#a3f0f3"
/>
<ellipse
cx="295.478"
cy="295.478"
rx="27.915"
ry="55.83"
transform="rotate(-45.001 295.476 295.483)"
fill="#a3f0f3"
/>
<ellipse
cx="295.478"
cy="216.522"
rx="55.83"
ry="27.915"
transform="rotate(-45.001 295.477 216.527)"
fill="#a3f0f3"
/>
<ellipse
cx="216.522"
cy="295.478"
rx="55.83"
ry="27.915"
transform="rotate(-45.001 216.52 295.482)"
fill="#00cee5"
/>
<ellipse cx="224" cy="72" rx="32" ry="16" fill="#00cee5" />
<ellipse cx="288" cy="72" rx="32" ry="16" fill="#a3f0f3" />
<ellipse cx="256" cy="40" rx="16" ry="32" fill="#a3f0f3" />
<ellipse cx="256" cy="104" rx="16" ry="32" fill="#00cee5" />
<ellipse cx="224" cy="440" rx="32" ry="16" fill="#00cee5" />
<ellipse cx="288" cy="440" rx="32" ry="16" fill="#a3f0f3" />
<ellipse cx="256" cy="408" rx="16" ry="32" fill="#a3f0f3" />
<ellipse cx="256" cy="472" rx="16" ry="32" fill="#00cee5" />
<ellipse cx="440" cy="224" rx="16" ry="32" fill="#a3f0f3" />
<ellipse cx="440" cy="288" rx="16" ry="32" fill="#00cee5" />
<ellipse cx="472" cy="256" rx="32" ry="16" fill="#a3f0f3" />
<ellipse cx="408" cy="256" rx="32" ry="16" fill="#00cee5" />
<circle cx="256" cy="256" r="24" fill="#a3f0f3" />
<ellipse cx="72" cy="224" rx="16" ry="32" fill="#a3f0f3" />
<ellipse cx="72" cy="288" rx="16" ry="32" fill="#00cee5" />
<ellipse cx="104" cy="256" rx="32" ry="16" fill="#a3f0f3" />
<ellipse cx="40" cy="256" rx="32" ry="16" fill="#00cee5" />
<ellipse
cx="288"
cy="72"
rx="32"
ry="16"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="256"
cy="40"
rx="16"
ry="32"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="288"
cy="440"
rx="32"
ry="16"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="256"
cy="408"
rx="16"
ry="32"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="440"
cy="224"
rx="16"
ry="32"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="472"
cy="256"
rx="32"
ry="16"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="72"
cy="224"
rx="16"
ry="32"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="104"
cy="256"
rx="32"
ry="16"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="224"
cy="72"
rx="32"
ry="16"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="256"
cy="104"
rx="16"
ry="32"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="224"
cy="440"
rx="32"
ry="16"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M232 256.326c-12.551 2.648-24.933 9.13-35.217 19.413-16.922 16.922-23.55 39.527-19.739 59.217 19.689 3.811 42.295-2.817 59.217-19.739 10.283-10.283 16.765-22.666 19.413-35.217M256.326 280c2.648 12.551 9.13 24.933 19.413 35.217 16.922 16.922 39.527 23.55 59.217 19.739 3.811-19.689-2.817-42.295-19.739-59.217-10.283-10.283-22.665-16.765-35.216-19.413M280 254.795c12.636-2.515 25.136-8.963 35.484-19.311 16.704-16.704 23.246-39.018 19.485-58.454-19.436-3.762-41.75 2.78-58.454 19.485-10.348 10.348-16.796 22.849-19.311 35.484M255.674 232c-2.648-12.551-9.13-24.933-19.413-35.217-16.922-16.922-39.527-23.55-59.217-19.739-3.811 19.689 2.817 42.295 19.739 59.217 10.283 10.283 22.666 16.765 35.217 19.413"
fill="none"
stroke="#00abd6"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="256"
cy="472"
rx="16"
ry="32"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="440"
cy="288"
rx="16"
ry="32"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="408"
cy="256"
rx="32"
ry="16"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="72"
cy="288"
rx="16"
ry="32"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<ellipse
cx="40"
cy="256"
rx="32"
ry="16"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<circle
cx="256"
cy="256"
r="24"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
<path
d="M256 280v56M256 176v56M232 256h-56M336 256h-56"
fill="none"
stroke="#1e2e45"
stroke-width="16"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
/>
</svg>
More icons in the same style and category