Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, bolt, lightning bolt, weather, storm, thunder, thunderbolt, forecast, climate, and thunderstorm. Created in a clean lineal color style with a gray, black, and orange 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-48.39-34.81-87.62-77.74-87.62h-254.44c-50.7 0-91.81 46.33-91.81 103.48 0 57.14 41.11 103.47 91.81 103.47 7.07 0 13.95-.9 20.55-2.6 20.91 40.39 59.77 67.54 104.26 67.54 16.07 0 31.4-3.54 45.41-9.97 33.92-15.54 60.14-47.98 70.45-88.05 4.47.9 9.07 1.37 13.77 1.37C-34.81 87.62 0 48.4 0 0"
transform="translate(468.992 318.505)"
fill="#514d4a"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-97.91 0-105.41-113.42-105.41-113.42s-94.5-4.04-94.5-73.5 94.5-75 94.5-75h-64.81c-50.7 0-91.81 46.33-91.81 103.48 0 57.14 41.11 103.47 91.81 103.47 7.07 0 13.95-.9 20.55-2.6C-128.76-17.18-89.9 9.97-45.41 9.97-29.34 9.97-14.01 6.43 0 0"
transform="translate(307.032 492.806)"
fill="#3a3734"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="M0 0c-34.105-15.103-58.252-52.546-58.252-96.338 0-57.15 41.11-103.48 91.81-103.48h70.48"
transform="translate(103.254 430.709)"
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 0h119.5c42.93 0 77.74 39.23 77.74 87.62 0 48.4-34.81 87.62-77.74 87.62-4.7 0-9.3-.47-13.77-1.37-10.31 40.07-36.53 72.51-70.45 88.05-14.01 6.43-29.34 9.97-45.41 9.97-44.49 0-83.35-27.15-104.26-67.54-6.6 1.7-13.48 2.6-20.55 2.6-3.225 0-6.411-.187-9.549-.553"
transform="translate(271.752 230.89)"
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 0-147.664-167.113h36.67l-53.575-77.952h38.459l-60.82-111.8 145.787 127.899h-40.248l64.397 91.229h-40.248z"
transform="translate(328.996 368.623)"
fill="#ffce00"
fill-opacity="1"
fill-rule="nonzero"
stroke="none"
/>
<path
d="m0 0 44.448 38.994H4.2l64.397 91.229H28.349L85.59 267.96"
transform="translate(243.405 100.663)"
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 0-147.664-167.113h36.67l-53.575-77.952h38.459l-60.82-111.8 80.599 70.709"
transform="translate(328.996 368.623)"
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