Add icons to this collection by clicking the heart icon.
Hibiscus Water icon - also known as drink, beverage, food and restaurant, and hibiscus water. Created in a clean gradient style with a white, gray, navy, and pink 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 502 502"
>
<linearGradient id="a">
<stop offset="0" stop-color="#00d2e9" />
<stop offset="1" stop-color="#a3eaf5" />
</linearGradient>
<linearGradient
id="c"
x1="787.464"
x2="787.464"
y1="346.202"
y2="148.733"
gradientTransform="matrix(-1 0 0 1 907.616 0)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="269.271"
x2="269.271"
y1="205.037"
y2="64.263"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient id="b">
<stop offset="0" stop-color="#ff7081" />
<stop offset="1" stop-color="#ffa0ab" />
</linearGradient>
<linearGradient
id="e"
x1="258.353"
x2="258.353"
y1="352.475"
y2="115.043"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="f"
x1="435.502"
x2="435.502"
y1="385.372"
y2="305.27"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="g"
x1="435.502"
x2="435.502"
y1="444.903"
y2="390.083"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="h"
x1="320.447"
x2="320.447"
y1="194.019"
y2="156.516"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<path
fill="url(#c)"
d="M0 256.05c0-62.638 51.699-113.597 115.245-113.597 63.742 0 125.059 50.744 125.059 113.597 0 62.857-61.318 113.596-125.059 113.596C51.699 369.647 0 318.687 0 256.05zm56.222 0c0 31.636 26.477 57.374 59.023 57.374 32.282 0 68.836-25.881 68.836-57.374 0-31.346-36.397-57.375-68.836-57.375-32.545.001-59.023 25.739-59.023 57.375z"
/>
<path
fill="url(#d)"
d="M138.519 181.443c27.639 29.783 69.208 53.537 121.741 53.537s91.808-17.815 121.741-52.459c-6.062-21.968-4.705-46.346 14.322-78.851 10.221-17.461-1.906-39.67-22.136-39.988-66.426-1.046-138.561 32.693-201.327 35.387-15.941.684-28.379 14.069-27.684 30.009.938 21.47-1.874 38.168-6.657 52.365z"
/>
<path
fill="url(#e)"
d="M382.002 182.521c-30.539 0-84.044 4.859-123.649 4.859-40.764-17.293-86.122-13.709-119.834-5.937-14.88 44.171-48.893 64.077-48.893 127.695 0 31.638 11.74 60.915 31.673 84.775 15.681 18.771 38.989 29.483 63.449 29.483h147.209c24.459 0 47.767-10.712 63.449-29.483 19.933-23.86 31.673-53.136 31.673-84.775 0-56.056-34.289-87.519-45.077-126.617z"
/>
<path
fill="#ff5d70"
d="M375.943 312.168a16.89 16.89 0 0 0-17.76 12.51c-1.32 4.992-2.909 9.872-4.523 15.287-10.631 6.859-17.795 18.614-18.323 32.221-.708 18.287 1.854 35.495 7.428 50.503 20.411-2.661 39.29-12.795 52.641-28.776 6.145-7.356 11.509-15.228 15.993-23.525h-29.367c.389-12.388 5.15-23.129 8.854-37.22 2.652-10.091-4.546-20.117-14.943-21z"
/>
<path
fill="url(#f)"
d="M435.502 414.001c-36.818 0-53.501-18.409-53.501-41.995 0-20.492 12.314-35.992 13.227-68.34.179-6.328 7.755-9.569 12.428-5.298 14.475 13.225 23.77 27.315 27.194 44.055.147.72 1.156.72 1.303 0 3.424-16.74 12.719-30.829 27.194-44.055 4.674-4.27 12.25-1.03 12.428 5.298.913 32.349 13.227 47.848 13.227 68.34.001 23.586-16.682 41.995-53.5 41.995z"
/>
<path
fill="url(#g)"
d="M369.097 373.493c.191-4.922 5.693-7.788 9.84-5.129 11.588 7.432 24.969 17.468 33.967 28.086.686.81 2.009.487 2.243-.548 2.307-10.209 7.01-19.987 13.846-27.81a8.624 8.624 0 0 1 13.02 0c6.836 7.823 11.539 17.601 13.846 27.81.234 1.035 1.557 1.357 2.243.548 8.997-10.617 22.379-20.654 33.967-28.086 4.147-2.659 9.649.206 9.84 5.129.716 18.484-2.791 33.748-8.709 45.093-6.842 13.118-16.472 19.757-28.572 19.757-5.096 0-8.88-1.027-11.56-3.255-1.181-.982-2.84-1.126-4.087-.228-3.568 2.567-8.135 3.484-13.478 3.484s-9.91-.917-13.478-3.484c-1.247-.897-2.906-.754-4.087.228-2.68 2.229-6.463 3.255-11.56 3.255-12.1 0-21.73-6.639-28.572-19.757-5.918-11.345-9.425-26.609-8.709-45.093z"
/>
<path
fill="url(#h)"
d="M382.002 182.521c8.449 32.102-84.581 21.433-123.649 4.859 24.95-20.146 118.227-25.456 123.649-4.859z"
/>
<path
fill="#ffccd3"
d="M161.305 210.479a9.961 9.961 0 0 1-3.838-.77c-5.099-2.122-7.512-7.976-5.39-13.075a144.261 144.261 0 0 0 1.818-4.583c1.95-5.168 7.72-7.775 12.886-5.827 5.167 1.95 7.776 7.719 5.827 12.886a169.997 169.997 0 0 1-2.066 5.208 10.005 10.005 0 0 1-9.237 6.161z"
/>
<path
fill="#d5f6f9"
d="M172.368 166.782c-.35 0-.703-.019-1.059-.056-5.492-.578-9.477-5.499-8.899-10.992.913-8.677 1.165-17.91.749-27.442l-.121-2.778c-.24-5.518 4.038-10.186 9.555-10.426 5.557-.222 10.185 4.039 10.426 9.555l.121 2.778c.459 10.518.176 20.748-.84 30.406-.54 5.137-4.88 8.955-9.932 8.955z"
/>
<ellipse cx="176.297" cy="289.839" fill="#fdaece" rx="14.936" ry="12.003" />
<ellipse cx="352.068" cy="289.839" fill="#fdaece" rx="14.936" ry="12.003" />
<circle cx="201.904" cy="260.221" r="29.618" fill="#fff" />
<circle
cx="326.462"
cy="260.221"
r="29.618"
fill="#fff"
transform="rotate(-11.66 326.708 260.399)"
/>
<g fill="#383842">
<circle cx="201.904" cy="260.221" r="17.652" />
<circle cx="326.462" cy="260.221" r="17.652" />
<path
d="M264.183 290.781c-5.247 0-10.495-1.984-14.775-5.954a5 5 0 1 1 6.799-7.333c4.696 4.354 11.257 4.355 15.954 0a5 5 0 0 1 6.799 7.333c-4.282 3.969-9.53 5.954-14.777 5.954z"
/>
</g>
</svg>
More icons in the same style and category