Add icons to this collection by clicking the heart icon.
Clouds icon - also known as cloud, weather, sky, cloudy, clouds, cloud computing, and atmospheric. Created in a clean lineal color style with a white, silver, 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 0c-1.377 0-2.736-.072-4.083-.185A128.19 128.19 0 0 1 0 32c0 70.692-57.308 128-128 128-70.692 0-128-57.308-128-128-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64H0c26.51 0 48 21.49 48 48S26.51 0 0 0"
transform="translate(328 256)"
fill="#80ddff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-40c-35.346 0-64 28.654-64 64 0 35.346 28.654 64 64 64"
transform="translate(112 160)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a128.211 128.211 0 0 0-4.033 32c0 70.693 57.308 128 128 128 38.229 0 72.543-16.759 95.997-43.33"
transform="translate(76.033 256)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 44.183 35.817 80 80 80"
transform="translate(120 288)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-1.377 0-2.736-.072-4.083-.185A128.19 128.19 0 0 1 0 32c0 70.692-57.308 128-128 128-70.692 0-128-57.308-128-128-35.346 0-64-28.654-64-64 0-35.346 28.654-64 64-64H0c26.51 0 48 21.49 48 48S26.51 0 0 0"
transform="translate(456 192)"
fill="#b8ecff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h16"
transform="translate(280 136)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(312 136)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h16"
transform="translate(344 136)"
fill="none"
stroke="#fff"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-1.377 0-2.736-.072-4.083-.185A128.19 128.19 0 0 1 0 32c0 70.692-57.308 128-128 128-4.048 0-8.049-.197-12-.564C-74.936 153.385-24 98.645-24 32A128.19 128.19 0 0 0-28.083-.185C-26.736-.072-25.377 0-24 0 2.51 0 24-21.49 24-48S2.51-96-24-96H0c26.51 0 48 21.49 48 48S26.51 0 0 0"
transform="translate(456 192)"
fill="#80ddff"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c26.51 0 48-21.49 48-48S26.51-96 0-96h-256c-35.346 0-64 28.654-64 64 0 35.346 28.654 64 64 64"
transform="translate(456 192)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0a128.258 128.258 0 0 0-4.033 32c0 70.693 57.308 128 128 128 70.693 0 128-57.307 128-128 0-30.27-10.507-58.087-28.074-80"
transform="translate(204.033 192)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0 44.183 35.817 80 80 80"
transform="translate(248 224)"
fill="none"
stroke="#000"
stroke-width="15"
stroke-linecap="butt"
stroke-linejoin="miter"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
</g>
</svg>
More icons in the same style and category