Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, weather, storm, rain, thunderbolt, forecast, climate, thunderstorm, and professions and jobs. Created in a clean lineal color style with a white, silver, black, and pink 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 0h-60.728c-43.699 0-79.124 35.667-79.124 79.663 0 43.996 35.425 79.662 79.124 79.662h5.864c-.022.933-.033 1.868-.033 2.805 0 64.962 52.305 117.624 116.828 117.624 10.432 0 20.546-1.377 30.17-3.96 22.295 22.108 52.894 35.75 86.659 35.75 68.208 0 123.502-55.67 123.502-124.343 0-5.622-.37-11.157-1.089-16.581 30.132-14.352 50.975-45.24 50.975-81.029C352.148 40.111 312.309 0 263.164 0h-58.231"
transform="translate(149.852 157.249)"
fill="#ccf5fc"
fill-opacity="1"
fill-rule="nonzero"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c36.797-10.581 66.173-38.87 78.455-75.127"
transform="translate(243.93 432.494)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c-3.892-26.842-16.302-50.901-34.378-69.307"
transform="translate(450.813 326.334)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-71.345a6.495 6.495 0 0 1-6.069-4.183l-30.616-70.423a6.492 6.492 0 0 1 3.196-8.135l43.479-21.442-19.355-69.541c-1.63-6.697 6.921-10.985 11.314-5.673l85.221 93.048c2.541 3.072 1.74 7.685-1.686 9.721L-23.27-54.403 5.741-9.529C8.027-5.204 4.893 0 0 0"
transform="translate(221.644 257.026)"
fill="#fff3a0"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0h-71.345a6.495 6.495 0 0 1-6.069-4.183l-30.616-70.423a6.492 6.492 0 0 1 3.196-8.135l43.479-21.442-19.355-69.541c-1.63-6.697 6.921-10.985 11.314-5.673l85.221 93.048c2.541 3.072 1.74 7.685-1.686 9.721L-23.27-54.403 5.741-9.529C8.027-5.204 4.893 0 0 0Z"
transform="translate(221.644 257.026)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.883-10.444-23.327-23.327-23.327-12.884 0-23.327 10.444-23.327 23.327 0 12.883 23.327 40.744 23.327 40.744S0 12.883 0 0"
transform="translate(354.784 66.534)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.883-10.444-23.327-23.327-23.327-12.884 0-23.327 10.444-23.327 23.327 0 12.883 23.327 40.744 23.327 40.744S0 12.883 0 0Z"
transform="translate(354.784 66.534)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.883-10.444-23.327-23.327-23.327-12.884 0-23.327 10.444-23.327 23.327 0 12.883 23.327 40.744 23.327 40.744S0 12.883 0 0"
transform="translate(449.86 66.534)"
fill="#99ebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.883-10.444-23.327-23.327-23.327-12.884 0-23.327 10.444-23.327 23.327 0 12.883 23.327 40.744 23.327 40.744S0 12.883 0 0Z"
transform="translate(449.86 66.534)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.883-10.444-23.327-23.327-23.327-12.884 0-23.327 10.444-23.327 23.327 0 12.883 23.327 40.744 23.327 40.744S0 12.883 0 0"
transform="translate(259.709 66.534)"
fill="#99ebfa"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.883-10.444-23.327-23.327-23.327-12.884 0-23.327 10.444-23.327 23.327 0 12.883 23.327 40.744 23.327 40.744S0 12.883 0 0Z"
transform="translate(259.709 66.534)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0c0-12.883 10.444-23.327 23.327-23.327 12.884 0 23.327 10.444 23.327 23.327 0 12.883-23.327 40.744-23.327 40.744S0 12.883 0 0"
transform="translate(62.14 66.534)"
fill="#faf7f5"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c0-12.883 10.444-23.327 23.327-23.327 12.884 0 23.327 10.444 23.327 23.327 0 12.883-23.327 40.744-23.327 40.744S0 12.883 0 0Z"
transform="translate(62.14 66.534)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-40.793"
transform="translate(387.66 157.249)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0h-27.964"
transform="translate(256.453 157.249)"
fill="none"
stroke="#000"
stroke-width="20"
stroke-linecap="round"
stroke-linejoin="round"
stroke-miterlimit="10"
stroke-dasharray="none"
stroke-opacity="1"
/>
<path
d="M0 0v0"
transform="translate(301.843 157.249)"
fill="none"
stroke="#000"
stroke-width="20"
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