Add icons to this collection by clicking the heart icon.
Hydration icon - also known as wellness, hydratation, hydration, epidermis, healthcare and medical, skincare, moisturizer, and dermatology. 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 512 512"
>
<linearGradient id="a">
<stop offset="0" stop-color="#0072ff" />
<stop offset=".246" stop-color="#279cf6" />
<stop offset=".595" stop-color="#5ad1ea" />
<stop offset=".857" stop-color="#79f2e3" />
<stop offset="1" stop-color="#85ffe0" />
</linearGradient>
<linearGradient
id="d"
x1="74.981"
x2="437.02"
y1="437.019"
y2="74.98"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<radialGradient
id="e"
cx="258.536"
cy="339.662"
r="344.803"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#0056e0" stop-opacity=".7" />
<stop offset=".069" stop-color="#0066d9" stop-opacity=".652" />
<stop offset=".285" stop-color="#0093c5" stop-opacity=".501" />
<stop offset=".492" stop-color="#00b7b5" stop-opacity=".356" />
<stop offset=".686" stop-color="#00d1aa" stop-opacity=".22" />
<stop offset=".861" stop-color="#00e0a3" stop-opacity=".098" />
<stop offset="1" stop-color="#00e5a1" stop-opacity="0" />
</radialGradient>
<linearGradient id="b">
<stop offset="0" stop-color="#85ffe0" />
<stop offset=".195" stop-color="#89ffe1" />
<stop offset=".375" stop-color="#94ffe4" />
<stop offset=".548" stop-color="#a6ffe8" />
<stop offset=".717" stop-color="#c1ffef" />
<stop offset=".881" stop-color="#e2fff8" />
<stop offset="1" stop-color="#fff" />
</linearGradient>
<linearGradient
id="f"
x1="-693.438"
x2="635.029"
y1="1203.014"
y2="-125.453"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient id="c">
<stop offset="0" stop-color="#3ca1ff" />
<stop offset=".595" stop-color="#6adcec" />
<stop offset="1" stop-color="#85ffe0" />
</linearGradient>
<linearGradient
id="g"
x1="-146.805"
x2="569.764"
y1="691.194"
y2="-25.376"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="h"
x1="98.327"
x2="619.506"
y1="597.854"
y2="76.675"
gradientUnits="userSpaceOnUse"
href="#b"
/>
<linearGradient
id="i"
x1="-337.692"
x2="400.825"
y1="931.544"
y2="193.028"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="j"
x1="15.449"
x2="299.203"
y1="493.428"
y2="209.675"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="k"
x1="80.096"
x2="362.407"
y1="504.06"
y2="221.75"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="l"
x1="84.796"
x2="294.438"
y1="495.891"
y2="286.249"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="m"
x1="230.724"
x2="429.507"
y1="458.048"
y2="259.265"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="n"
x1="176.295"
x2="511.255"
y1="583.867"
y2="248.908"
gradientUnits="userSpaceOnUse"
href="#c"
/>
<linearGradient
id="o"
x1="150.769"
x2="615.473"
y1="256.922"
y2="-207.781"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="p"
x1="208.85"
x2="519.761"
y1="209.987"
y2="-100.924"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<circle cx="256" cy="256" r="256" fill="url(#d)" />
<circle cx="256" cy="256" r="256" fill="url(#e)" />
<path
fill="url(#f)"
d="M472.267 256a196.437 196.437 0 0 0-.704-16.211c-.662-7.794-7.424-13.855-15.428-13.925a24565.644 24565.644 0 0 0-400.268 0c-8.004.068-14.766 6.131-15.428 13.925A196.38 196.38 0 0 0 39.735 256c-.011 5.464.202 10.879.631 16.24 143.757.266 287.515.258 431.272-.022.427-5.355.64-10.762.629-16.218z"
/>
<path
fill="url(#g)"
d="M40.367 272.24c1.396 17.402 5.079 34.234 10.717 50.306 68.566 26.725 137.008 54.174 204.602 80.608 67.788-26.39 136.427-53.804 205.192-80.496 5.663-16.113 9.359-32.992 10.758-50.441.702-8.734-6.345-16.223-15.327-16.245-67.936-.214-332.68-.201-400.617.024-8.98.023-16.028 7.512-15.325 16.244z"
/>
<path
fill="url(#h)"
d="M256 379.825c-36.786 20.5-73.274 40.75-109.227 60.355 32.374 20.072 69.575 31.908 109.227 31.895 39.652.014 76.853-11.823 109.227-31.895-35.953-19.605-72.441-39.855-109.227-60.355z"
/>
<path
fill="url(#i)"
d="M460.881 322.659c-5.511-.737-10.854-2.732-15.574-6.016-6.263-4.339-13.625-6.493-21.006-6.433a37.095 37.095 0 0 0-21.135 6.831 37.006 37.006 0 0 1-21.125 6.85c-7.375.059-14.73-2.114-21.016-6.552a36.197 36.197 0 0 0-21.038-6.608 36.59 36.59 0 0 0-21.092 6.806 36.446 36.446 0 0 1-21.089 6.8 36.017 36.017 0 0 1-21.052-6.701 36.305 36.305 0 0 0-21.071-6.732 36.327 36.327 0 0 0-21.07 6.732 36.008 36.008 0 0 1-21.042 6.7 36.424 36.424 0 0 1-21.089-6.801 36.635 36.635 0 0 0-21.103-6.807 36.203 36.203 0 0 0-21.038 6.607c-6.275 4.436-13.63 6.61-21.016 6.55-7.375-.059-14.771-2.349-21.126-6.85a37.09 37.09 0 0 0-21.135-6.831c-7.38-.062-14.743 2.095-20.996 6.432-4.556 3.16-9.687 5.115-14.988 5.911 17.077 48.551 51.981 90.446 95.692 117.634a5219.625 5219.625 0 0 0 218.456 0c43.677-27.167 78.562-69.018 95.653-117.522z"
/>
<path
fill="url(#j)"
d="M145.283 379.073c.12 8.438-6.582 15.175-14.987 15.025s-15.37-7.098-15.53-15.496c-.161-8.398 6.576-15.105 15.021-14.996 8.445.11 15.375 7.028 15.496 15.467z"
/>
<path
fill="url(#k)"
d="M229.026 370.48c.024 8.49-6.776 15.349-15.193 15.301-8.417-.047-15.299-6.971-15.361-15.446s6.75-15.307 15.204-15.275c8.454.033 15.325 6.931 15.35 15.42z"
/>
<path
fill="url(#l)"
d="M179.87 408.509c.052 4.232-3.299 7.622-7.487 7.565-4.189-.058-7.641-3.535-7.706-7.762-.065-4.226 3.291-7.606 7.493-7.556 4.202.053 7.648 3.52 7.7 7.753z"
/>
<path
fill="url(#m)"
d="M347.406 348.969c-.038 4.225-3.497 7.686-7.721 7.719-4.224.035-7.622-3.371-7.591-7.604s3.483-7.685 7.715-7.714a7.515 7.515 0 0 1 7.597 7.599z"
/>
<path
fill="url(#n)"
d="M396.606 378.613c-.16 8.4-7.124 15.345-15.529 15.496-8.405.15-15.108-6.587-14.989-15.027.12-8.439 7.049-15.359 15.495-15.467 8.446-.109 15.183 6.598 15.023 14.998z"
/>
<path
fill="url(#o)"
d="M307.316 130.662c-.116-.013-45.164-71.216-44.987-71.18-1.345-2.136-3.674-3.558-6.329-3.558-2.656 0-4.984 1.422-6.322 3.558.169-.036-44.879 71.167-45.016 71.18-6.1 9.584-9.728 20.932-9.813 33.086-.266 33.873 27.2 61.284 61.15 61.302 33.95-.017 61.416-27.428 61.15-61.302-.084-12.155-3.712-23.502-9.833-33.086z"
/>
<path
fill="url(#p)"
d="M271.333 194.309c-33.9-.049-61.285-27.454-61.011-61.363a62.249 62.249 0 0 1 1.625-13.707c-4.355 6.839-7.285 11.423-7.285 11.424-6.1 9.584-9.728 20.932-9.813 33.086-.266 33.873 27.2 61.284 61.15 61.302 30.18-.008 55.237-21.703 60.223-50.305-11.107 12.038-27.103 19.582-44.889 19.563z"
/>
</svg>
More icons in the same style and category