Add icons to this collection by clicking the heart icon.
Cloud Connection icon - also known as cloud, rain, error, sad, ui, thunder, cloud connection, and disconnect. 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 64 64"
>
<linearGradient
id="b"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(10.22 -204.475 119.046) scale(31.513)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#559aff" />
<stop offset="1" stop-color="#2e69ef" />
</linearGradient>
<linearGradient id="a">
<stop offset="0" stop-color="#cadcf0" />
<stop offset="1" stop-color="#a4bbdb" />
</linearGradient>
<linearGradient
id="c"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(-90 48.8 18.005) scale(31.228)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="d"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(59.275 0 0 28.67 2.362 21.622)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#e9f3fc" />
<stop offset="1" stop-color="#cadcf0" />
</linearGradient>
<linearGradient
id="e"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="matrix(46.301 0 0 24.393 15.337 23.761)"
gradientUnits="userSpaceOnUse"
href="#a"
/>
<linearGradient
id="f"
x1="0"
x2="1"
y1="0"
y2="0"
gradientTransform="rotate(26.365 -22.738 75.16) scale(17.459)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#738bab" />
<stop offset="1" stop-color="#526b8f" />
</linearGradient>
<g fill-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2">
<path
fill="url(#b)"
d="m37.953 39.368 3.24-6.643h-14l-4.559 9.348a1 1 0 0 0 .899 1.438h6.027l-4.779 11.827a1 1 0 0 0 1.619 1.097l16.034-15.344a1 1 0 0 0-.692-1.723z"
/>
<g fill="url(#c)">
<path
d="m5.772 47.451-1.5 2.598a1 1 0 0 0 1.732 1l1.5-2.598a1 1 0 0 0-1.732-1zm5.5-9.526-1.5 2.598a1 1 0 0 0 1.732 1l1.5-2.598a1 1 0 0 0-1.732-1zM39.125 53.745l-1.5 2.598a1 1 0 0 0 1.732 1l1.5-2.598a1 1 0 0 0-1.732-1zm5.5-9.526-1.5 2.598a1 1 0 0 0 1.732 1l1.5-2.598a1 1 0 0 0-1.732-1zM47.937 50.89l-1.149 1.991a1 1 0 0 0 1.732 1l1.149-1.991a1 1 0 0 0-1.732-1zm5.5-9.526-1.5 2.598a1 1 0 0 0 1.732 1l1.5-2.598a1 1 0 0 0-1.732-1zM9.658 53.158l-1.244 2.155a1 1 0 0 0 1.732 1l1.244-2.155a1 1 0 0 0-1.732-1zm5.5-9.526-1.5 2.598a1 1 0 0 0 1.732 1l1.5-2.598a1 1 0 0 0-1.732-1zM20.48 47.123l-1.5 2.598a1 1 0 0 0 1.732 1l1.5-2.598a1.002 1.002 0 0 0-.366-1.367 1.002 1.002 0 0 0-1.366.367z"
/>
</g>
<path
fill="url(#d)"
d="M24.722 23.836a13.726 13.726 0 0 1-.084-1.549c0-8.278 6.721-15 15-15 7.417 0 13.583 5.395 14.787 12.47 4.046.396 7.213 3.812 7.213 7.962a8.004 8.004 0 0 1-7.949 8h-.051s-23.39.877-50.808-.735a.5.5 0 0 1-.119-.976c5.091-.926 13.146-2.789 13.435-5.091a5.002 5.002 0 0 1 4.492-7.198c1.686 0 3.178.836 4.084 2.117z"
/>
<path
fill="url(#e)"
d="M15.336 35.571c2.985-4.332 7.742-7.348 13.22-7.997 1.326-9.051 9.13-16.01 18.547-16.01 1.129 0 2.234.1 3.31.292a14.97 14.97 0 0 1 4.012 7.901c4.046.396 7.213 3.812 7.213 7.962a8.004 8.004 0 0 1-7.949 8h-.051s-16.638.624-38.302-.148z"
/>
<path
fill="url(#f)"
d="M32.683 20.719c.828 0 1.5 1.797 1.5 2.625 0 1.035-.672 1.875-1.5 1.875s-1.5-.84-1.5-1.875c0-.828.672-2.625 1.5-2.625zM37.265 18.635s-.725.834-1.627.834c-.903 0-1.628-.834-1.628-.834a.5.5 0 0 0-.745.668s1.068 1.166 2.373 1.166 2.372-1.166 2.372-1.166a.5.5 0 0 0-.745-.668zM47.265 18.635s-.725.834-1.627.834c-.903 0-1.628-.834-1.628-.834a.5.5 0 0 0-.745.668s1.068 1.166 2.373 1.166 2.372-1.166 2.372-1.166a.5.5 0 0 0-.745-.668zM37.638 28.219a.5.5 0 0 0 .461-.308c.021-.026.575-.692 2.539-.692 2.002 0 2.539.693 2.539.693l-.01-.025.471.332c-.383-.076-.099.063.162-.027s.4-.375.31-.636c0 0-.347-1.337-3.472-1.337-3.126 0-3.473 1.337-3.473 1.337a.5.5 0 0 0 .473.663zm.47-.332-.001.004.002-.004z"
/>
</g>
</svg>
More icons in the same style and category