Add icons to this collection by clicking the heart icon.
Cloud icon - also known as water, cloud, nature, weather, drop, rain, raindrop, water drop, and teardrop. Created in a clean lineal color style with a white, silver, 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="nonzero">
<path
fill="#cfd8dc"
d="M59 28a9 9 0 0 1-9 9H10a9 9 0 0 1-2.47-17.65v-.01A14.71 14.71 0 0 1 7 15.5a14.5 14.5 0 0 1 27.26-6.88h.01a10.988 10.988 0 0 1 16.68 10.43A9.005 9.005 0 0 1 59 28z"
/>
<path
fill="#9e9e9e"
d="M56.67 21.96a8.94 8.94 0 0 0-5.72-2.91A10.989 10.989 0 0 0 38.467 7.109 10.986 10.986 0 0 1 47.95 19.05 9 9 0 0 1 47 37h3a9 9 0 0 0 6.67-15.04z"
/>
<path
fill="#02a9f4"
d="M7.53 19.34a9.306 9.306 0 0 1 4.25-.17M35.6 12.1a14.5 14.5 0 0 0-1.34-3.48"
/>
<path
fill="#f5f5f5"
d="M26.5 30a1 1 0 0 1 0-2 8.45 8.45 0 0 0 6.011-2.489 1 1 0 1 1 1.414 1.414A10.437 10.437 0 0 1 26.5 30z"
/>
<path
fill="#02a9f4"
d="M8.669 53a1 1 0 0 1-.832-1.554l2.66-4a1 1 0 1 1 1.666 1.108l-2.66 4a1 1 0 0 1-.834.446zM4 60a1 1 0 0 1-.831-1.555l2-3a1 1 0 1 1 1.664 1.11l-2 3A1 1 0 0 1 4 60zM14 45a1 1 0 0 1-.831-1.555l2-3a1 1 0 0 1 1.664 1.11l-2 3A1 1 0 0 1 14 45zM16.669 53a1 1 0 0 1-.832-1.554l2.66-4a1 1 0 0 1 1.666 1.108l-2.66 4a1 1 0 0 1-.834.446zM12 60a1 1 0 0 1-.831-1.555l2-3a1 1 0 0 1 1.664 1.11l-2 3A1 1 0 0 1 12 60zM22 45a1 1 0 0 1-.831-1.555l2-3a1 1 0 0 1 1.664 1.11l-2 3A1 1 0 0 1 22 45zM24.669 53a1 1 0 0 1-.832-1.554l2.66-4a1 1 0 0 1 1.666 1.108l-2.66 4a1 1 0 0 1-.834.446zM20 60a1 1 0 0 1-.831-1.555l2-3a1 1 0 0 1 1.664 1.11l-2 3A1 1 0 0 1 20 60zM30 45a1 1 0 0 1-.831-1.555l2-3a1 1 0 0 1 1.664 1.11l-2 3A1 1 0 0 1 30 45zM32.669 53a1 1 0 0 1-.832-1.554l2.66-4a1 1 0 1 1 1.666 1.108l-2.66 4a1 1 0 0 1-.834.446zM28 60a1 1 0 0 1-.831-1.555l2-3a1 1 0 0 1 1.664 1.11l-2 3A1 1 0 0 1 28 60zM38 45a1 1 0 0 1-.831-1.555l2-3a1 1 0 0 1 1.664 1.11l-2 3A1 1 0 0 1 38 45zM40.669 53a1 1 0 0 1-.832-1.554l2.66-4a1 1 0 1 1 1.666 1.108l-2.66 4a1 1 0 0 1-.834.446zM36 60a1 1 0 0 1-.831-1.555l2-3a1 1 0 1 1 1.664 1.11l-2 3A1 1 0 0 1 36 60zM46 45a1 1 0 0 1-.831-1.555l2-3a1 1 0 0 1 1.664 1.11l-2 3A1 1 0 0 1 46 45z"
/>
<g fill="#000">
<path
d="M52 18.2V18A11.974 11.974 0 0 0 34.644 7.278 15.5 15.5 0 0 0 6 15.5a15.3 15.3 0 0 0 .35 3.206A9.99 9.99 0 0 0 10 38h40a10 10 0 0 0 2-19.8zM50 36H10a8 8 0 1 1 1.591-15.844 1 1 0 0 0 .373-1.965 10.265 10.265 0 0 0-3.686-.018A13.227 13.227 0 0 1 8 15.5a13.506 13.506 0 0 1 25.4-6.388c.006.011.006.024.013.035l.01.011a13.57 13.57 0 0 1 1.2 3.173 1 1 0 0 0 1.945-.469c-.235-.962-.561-1.9-.974-2.8a9.944 9.944 0 0 1 14.357 9.896 1 1 0 0 0 .893 1.087A8 8 0 0 1 50 36zM10.5 47.446l-2.66 4a1 1 0 0 0 1.66 1.108l2.66-4a1 1 0 1 0-1.66-1.108zM4.832 59.555l2-3a1 1 0 1 0-1.664-1.11l-2 3a1 1 0 1 0 1.664 1.11zM15.168 40.445l-2 3a1 1 0 0 0 1.664 1.11l2-3a1 1 0 1 0-1.664-1.11zM18.5 47.446l-2.66 4a1 1 0 0 0 1.66 1.108l2.66-4a1 1 0 0 0-1.66-1.108zM11.445 59.832a1 1 0 0 0 1.387-.277l2-3a1 1 0 0 0-1.664-1.11l-2 3a1 1 0 0 0 .277 1.387zM23.168 40.445l-2 3a1 1 0 0 0 1.664 1.11l2-3a1 1 0 1 0-1.664-1.11zM26.5 47.446l-2.66 4a1 1 0 0 0 1.66 1.108l2.66-4a1 1 0 0 0-1.66-1.108zM19.445 59.832a1 1 0 0 0 1.387-.277l2-3a1 1 0 0 0-1.664-1.11l-2 3a1 1 0 0 0 .277 1.387zM31.168 40.445l-2 3a1 1 0 0 0 1.664 1.11l2-3a1 1 0 1 0-1.664-1.11zM34.5 47.446l-2.66 4a1 1 0 0 0 1.66 1.108l2.66-4a1 1 0 1 0-1.66-1.108zM27.445 59.832a1 1 0 0 0 1.387-.277l2-3a1 1 0 0 0-1.664-1.11l-2 3a1 1 0 0 0 .277 1.387zM39.168 40.445l-2 3a1 1 0 0 0 1.664 1.11l2-3a1 1 0 1 0-1.664-1.11zM40.116 52.833a1 1 0 0 0 1.387-.279l2.66-4a1 1 0 1 0-1.663-1.108l-2.66 4a1 1 0 0 0 .276 1.387zM35.445 59.832a1 1 0 0 0 1.387-.277l2-3a1 1 0 0 0-1.664-1.11l-2 3a1 1 0 0 0 .277 1.387zM46.832 44.555l2-3a1 1 0 0 0-1.664-1.11l-2 3a1 1 0 0 0 1.664 1.11z"
/>
</g>
</g>
</svg>
More icons in the same style and category