Add icons to this collection by clicking the heart icon.
Puddle icon - also known as water, winter, weather, rain, raining, autumn, and puddle. Created in a clean lineal color style with a gray and black 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="682.667"
height="682.667"
viewBox="0 0 682.667 682.667"
>
<defs>
<clipPath id="a" clipPathUnits="userSpaceOnUse">
<path d="M0 512h512V0H0Z" />
</clipPath>
</defs>
<g clip-path="url(#a)" transform="matrix(1.33333 0 0 -1.33333 0 682.667)">
<path
d="M0 0c0 53.431-76.361 96.745-170.558 96.745-94.196 0-170.557-43.314-170.557-96.745 0-53.431 76.361-96.745 170.557-96.745C-76.361-96.745 0-53.431 0 0"
transform="translate(353.542 109.67)"
fill="#67c1b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-20.008-15.852-31.784-35.274-31.784-56.257 0-53.431 76.361-96.745 170.557-96.745"
transform="translate(44.21 165.927)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c62.464 14.363 106.519 49.11 106.519 89.694 0 53.431-76.361 96.745-170.558 96.745-28.602 0-55.56-3.993-79.235-11.051"
transform="translate(247.023 19.976)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c17.934-7.607 40.194-12.113 64.311-12.113 59.362 0 107.485 27.297 107.485 60.969 0 4.644-.915 9.166-2.649 13.513"
transform="translate(118.674 60.813)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.773 9.089-43.129 14.577-69.746 14.577-59.362 0-107.485-27.297-107.485-60.97 0-8.426 3.013-16.453 8.462-23.753"
transform="translate(252.73 156.063)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-7.498 4.253-17.856 6.884-29.298 6.884-22.883 0-41.433-10.523-41.433-23.503s18.55-23.502 41.433-23.502c11.442 0 21.8 2.631 29.298 6.884"
transform="translate(212.282 126.289)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 43.552-62.242 78.857-139.022 78.857-76.779 0-139.021-35.305-139.021-78.857 0-43.551 62.242-78.857 139.021-78.857C-62.242-78.857 0-43.551 0 0"
transform="translate(501.567 304.331)"
fill="#67c1b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c16.078 12.865 25.528 28.583 25.528 45.553 0 43.551-62.242 78.857-139.022 78.857"
transform="translate(476.04 258.778)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-44.846-13.084-75.521-39.595-75.521-70.169 0-43.551 62.242-78.857 139.021-78.857 18.755 0 36.642 2.107 52.967 5.925"
transform="translate(299.044 374.5)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c6.112 3.467 14.555 5.611 23.881 5.611 18.652 0 33.772-8.577 33.772-19.157 0-10.579-15.12-19.157-33.772-19.157-9.326 0-17.769 2.145-23.881 5.611"
transform="translate(333.718 317.877)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-15.854 8.993-37.758 14.556-61.951 14.556-10.861 0-21.26-1.121-30.858-3.171"
transform="translate(424.496 339.472)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-27.446 39.225-49.696 87.612-49.696 48.387 0 87.612 22.25 87.612 49.696 0 6.862-2.452 13.398-6.885 19.344"
transform="translate(274.933 304.331)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.254-9.702-30.689-28.903-30.689-51.017 0-.691.012-1.379.036-2.065 1.364-38.802 59.942-38.802 61.306 0 .024.686.036 1.374.036 2.065C30.689-28.903 18.254-9.702 0 0"
transform="translate(78.704 339.902)"
fill="#67c1b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.98 0-29.97 9.7-30.65 29.11-.03.68-.04 1.37-.04 2.06 0 22.11 12.44 41.32 30.69 51.02-7.23-9.7-12.16-28.91-12.16-51.02 0-.69 0-1.38.01-2.06C-11.88 9.7-5.94 0 0 0"
transform="translate(78.74 255.65)"
fill="#51af9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.254-9.702-30.689-28.903-30.689-51.017 0-.691.012-1.379.036-2.064 1.364-38.803 59.942-38.802 61.306 0 .024.685.036 1.373.036 2.064C30.689-28.903 18.254-9.702 0 0Z"
transform="translate(78.74 337.84)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.254-9.702-30.689-28.903-30.689-51.017 0-.691.012-1.379.036-2.065 1.364-38.802 59.942-38.802 61.306 0 .024.686.036 1.374.036 2.065C30.689-28.903 18.254-9.702 0 0"
transform="translate(185.543 501.613)"
fill="#67c1b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.98 0-29.97 9.7-30.65 29.11-.03.68-.04 1.37-.04 2.06 0 22.11 12.44 41.32 30.69 51.02-7.23-9.7-12.16-28.91-12.16-51.02 0-.69 0-1.38.01-2.06C-11.88 9.7-5.94 0 0 0"
transform="translate(185.58 417.362)"
fill="#51af9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.254-9.702-30.689-28.903-30.689-51.017 0-.691.012-1.379.036-2.064 1.364-38.803 59.942-38.803 61.306 0 .024.685.036 1.373.036 2.064C30.689-28.903 18.254-9.702 0 0Z"
transform="translate(185.58 499.552)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-18.254-9.702-30.689-28.903-30.689-51.017 0-.691.012-1.379.036-2.065 1.364-38.802 59.942-38.802 61.306 0 .024.686.036 1.374.036 2.065C30.689-28.903 18.254-9.702 0 0"
transform="translate(431.385 494.552)"
fill="#67c1b0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-14.98 0-29.97 9.7-30.65 29.11-.03.68-.04 1.37-.04 2.06 0 22.11 12.44 41.32 30.69 51.02-7.23-9.7-12.16-28.91-12.16-51.02 0-.69 0-1.38.01-2.06C-11.88 9.7-5.94 0 0 0"
transform="translate(431.422 410.3)"
fill="#51af9d"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-18.254-9.702-30.689-28.903-30.689-51.017 0-.691.012-1.379.036-2.064 1.364-38.802 59.942-38.802 61.306 0 .024.685.036 1.373.036 2.064C30.689-28.903 18.254-9.702 0 0Z"
transform="translate(431.422 492.49)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category