Add icons to this collection by clicking the heart icon.
Cloud icon - also known as cloud, weather, left, left arrow, atmospheric, forecast, and meteorology. Created in a clean flat gradient style, 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 32 32"
>
<linearGradient
id="a"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(180 3 11.156) scale(19.501)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#6dbeff" />
<stop offset="1" stop-color="#0085f0" />
</linearGradient>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(0 21 -21 0 21.879 17)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e2f4fe" />
<stop offset="1" stop-color="#4ec0ff" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#a)"
d="M8.123 24.195a2.119 2.119 0 0 1-.548 1.863 2.119 2.119 0 0 1-2.994.067l-2.637-2.519a2.119 2.119 0 0 1 0-3.062l2.637-2.519a2.118 2.118 0 0 1 3.541 1.935h2.679a2.118 2.118 0 0 1 0 4.235zM8.123 12.045a2.119 2.119 0 0 1-.548 1.863 2.119 2.119 0 0 1-2.994.067l-2.637-2.519a2.119 2.119 0 0 1 0-3.062l2.637-2.519A2.118 2.118 0 0 1 8.122 7.81h2.679a2.118 2.118 0 0 1 0 4.235z"
/>
<path
fill="url(#b)"
d="M12.747 17.025c0-.711 0 .366 0 0 0 1.144.375 2.174 1.073 2.924.701.753 1.734 1.239 3.09 1.239h9.102c3.747 0 4.735-3.166 4.735-5.017a5.02 5.02 0 0 0-4.866-5.014 5.33 5.33 0 0 0-4.418-2.345 5.34 5.34 0 0 0-5.19 4.098 4.163 4.163 0 0 0-3.526 4.115z"
/>
</g>
</svg>
More icons in the same style and category