Add icons to this collection by clicking the heart icon.
Water icon - also known as water, nature, drop, fluid, Splash, peaceful, movement, calm, and wellness. Created in a clean color 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 510 510"
>
    <linearGradient id="lg1">
        <stop offset="0" stop-color="#eaf6ff" />
        <stop offset="1" stop-color="#b3dafe" />
    </linearGradient>
    <linearGradient
        id="SVGID_1_"
        gradientUnits="userSpaceOnUse"
        x1="238.165"
        x2="286.162"
        y1="402.298"
        y2="516.293"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_2_"
        gradientUnits="userSpaceOnUse"
        x1="318.45"
        x2="178.957"
        y1="534.311"
        y2="315.322"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_3_"
        gradientUnits="userSpaceOnUse"
        x1="253.111"
        x2="258.679"
        y1="408.539"
        y2="466.307"
        href="#lg1"
    />
    <linearGradient
        id="SVGID_4_"
        gradientUnits="userSpaceOnUse"
        x1="344.779"
        x2="308.781"
        y1="462.717"
        y2="357.722"
    >
        <stop offset="0" stop-color="#8ac9fe" stop-opacity="0" />
        <stop offset=".0662" stop-color="#85c2f3" stop-opacity=".066" />
        <stop offset=".3695" stop-color="#6fa2c3" stop-opacity=".37" />
        <stop offset=".6372" stop-color="#608ca0" stop-opacity=".637" />
        <stop offset=".8565" stop-color="#567e8b" stop-opacity=".857" />
        <stop offset="1" stop-color="#537983" />
    </linearGradient>
    <linearGradient id="lg2">
        <stop offset="0" stop-color="#a0d4ff" />
        <stop offset="1" stop-color="#0593fc" />
    </linearGradient>
    <linearGradient
        id="SVGID_5_"
        gradientUnits="userSpaceOnUse"
        x1="130.19"
        x2="435.97"
        y1="119.127"
        y2="424.907"
        href="#lg2"
    />
    <linearGradient id="lg3">
        <stop offset="0" stop-color="#2740b0" stop-opacity="0" />
        <stop offset=".2879" stop-color="#243ca6" stop-opacity=".288" />
        <stop offset=".7742" stop-color="#1d308c" stop-opacity=".774" />
        <stop offset="1" stop-color="#192a7d" />
    </linearGradient>
    <linearGradient
        id="SVGID_6_"
        gradientUnits="userSpaceOnUse"
        x1="255"
        x2="255"
        y1="276"
        y2="454.025"
        href="#lg3"
    />
    <linearGradient
        id="SVGID_7_"
        gradientUnits="userSpaceOnUse"
        x1="423.615"
        x2="329.615"
        y1="371.424"
        y2="177.424"
        href="#lg3"
    />
    <linearGradient
        id="SVGID_8_"
        gradientUnits="userSpaceOnUse"
        x1="304.761"
        x2="454.781"
        y1="113.506"
        y2="263.526"
        href="#lg2"
    />
    <linearGradient
        id="SVGID_9_"
        gradientUnits="userSpaceOnUse"
        x1="365.994"
        x2="365.994"
        y1="196"
        y2="325.004"
        href="#lg3"
    />
    <g>
        <ellipse
            cx="255"
            cy="442.282"
            fill="url(#SVGID_1_)"
            rx="255"
            ry="67.718"
        />
        <ellipse
            cx="255"
            cy="434.701"
            fill="url(#SVGID_2_)"
            rx="221.456"
            ry="51.229"
        />
        <ellipse
            cx="255"
            cy="428.143"
            fill="url(#SVGID_3_)"
            rx="173.641"
            ry="37.346"
        />
        <path
            d="m510 442.28c0 36-105.76 65.43-239.25 67.59-2.83.05-5.67.08-8.53.1l-113.43-113.43v-15.84c11.2-1.37 22.84-2.52 34.84-3.45 22.65-1.75 46.59-2.69 71.37-2.69 140.83 0 255 30.32 255 67.72z"
            fill="url(#SVGID_4_)"
        />
        <g>
            <g>
                <path
                    d="m412.231 280.769c0 86.836-70.395 157.231-157.231 157.231s-157.231-70.395-157.231-157.231 105.788-280.769 157.231-280.769 157.231 193.933 157.231 280.769z"
                    fill="url(#SVGID_5_)"
                />
            </g>
            <path
                d="m97.769 280.769c0 86.836 70.395 157.231 157.231 157.231s157.231-70.395 157.231-157.231c0-19.951-5.587-45.557-14.813-73.163h-284.835c-9.227 27.607-14.814 53.212-14.814 73.163z"
                fill="url(#SVGID_6_)"
            />
        </g>
        <path
            d="m311.333 247 90.385 90.385c6.784-17.568 10.512-36.656 10.512-56.616 0-18.157-4.628-40.999-12.414-65.769h-88.483z"
            fill="url(#SVGID_7_)"
        />
        <g>
            <g>
                <path
                    d="m443.134 192.81c0 42.603-34.537 77.14-77.14 77.14s-77.14-34.537-77.14-77.14 51.901-137.75 77.14-137.75 77.14 95.146 77.14 137.75z"
                    fill="url(#SVGID_8_)"
                />
            </g>
            <path
                d="m288.855 192.81c0 42.603 34.537 77.14 77.14 77.14s77.14-34.537 77.14-77.14c0-9.788-2.741-22.351-7.268-35.895h-139.745c-4.526 13.544-7.267 26.106-7.267 35.895z"
                fill="url(#SVGID_9_)"
            />
        </g>
    </g>
</svg>
More icons in the same style and category