Add icons to this collection by clicking the heart icon.
Cloud icon - also known as computer, cloud, connection, online, and devices. Created in a clean blue style with a white and silver 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="512"
height="512"
viewBox="0 0 60 60"
>
<g fill="none" fill-rule="nonzero">
<g transform="translate(1 1)">
<rect width="16" height="22" y="20" fill="#e8edfc" rx="3" />
<path
fill="#cad9fc"
d="M13 20h-3a3 3 0 0 1 3 3v16a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3V23a3 3 0 0 0-3-3z"
/>
<rect width="20" height="15" x="38" y="20" fill="#e8edfc" rx="3" />
<path
fill="#cad9fc"
d="M55 20h-3a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3v-9a3 3 0 0 0-3-3z"
/>
<path
fill="#e8edfc"
d="M23 0h12a2 2 0 0 1 2 2v10H21V2a2 2 0 0 1 2-2z"
/>
<path
fill="#cad9fc"
d="M35 0h-3a2 2 0 0 1 2 2v10h3V2a2 2 0 0 0-2-2z"
/>
<path
fill="#a4c2f7"
d="M20 12h18a1 1 0 0 1 1 1v1a3 3 0 0 1-3 3H22a3 3 0 0 1-3-3v-1a1 1 0 0 1 1-1z"
/>
<path
fill="#7facfa"
d="M38 12h-3a1 1 0 0 1 1 1v1a3 3 0 0 1-3 3h3a3 3 0 0 0 3-3v-1a1 1 0 0 0-1-1z"
/>
<path
fill="#a4c2f7"
d="M54 41a1 1 0 0 1-1 1H43a1 1 0 0 1-1-1 3 3 0 0 1 3-3v-3h6v3a3 3 0 0 1 3 3z"
/>
<path
fill="#7facfa"
d="M51 38v-3h-3v3a3 3 0 0 1 3 3 1 1 0 0 1-1 1h3a1 1 0 0 0 1-1 3 3 0 0 0-3-3z"
/>
<path
fill="#a4c2f7"
d="m13 20-1.724 3.447a1 1 0 0 1-.894.553H5.618a1 1 0 0 1-.894-.553L3 20z"
/>
<path
fill="#e8edfc"
d="M24.275 39.219a6.073 6.073 0 0 1 4.639 2.14 7.1 7.1 0 0 1 11.2 4.574A6.094 6.094 0 0 1 38.906 58H19.094a6.094 6.094 0 0 1-.886-12.123 6.1 6.1 0 0 1 6.067-6.658z"
/>
<path
fill="#cad9fc"
d="M40.117 45.933a7.018 7.018 0 0 0-8.477-5.778 7.109 7.109 0 0 1 5.477 5.778A6.094 6.094 0 0 1 35.906 58h3a6.094 6.094 0 0 0 1.211-12.067z"
/>
<circle cx="29" cy="29" r="3" fill="#e8edfc" />
</g>
<path
fill="#fff"
d="M4 40V24a3 3 0 0 1 3-3H4a3 3 0 0 0-3 3v16a3 3 0 0 0 3 3h3a3 3 0 0 1-3-3z"
/>
<path fill="#fff" d="M0 32h2v8H0z" />
<g fill="#428dff">
<path d="M1.02 37a1 1 0 0 1-.01-2h.01a1 1 0 0 1 0 2z" />
<path
d="M56 20H42a4 4 0 0 0-4 4v5h-4.142A4 4 0 0 0 31 26.142V19h6a4 4 0 0 0 4-4v-1a2 2 0 0 0-2-2V3a3 3 0 0 0-3-3H24a3 3 0 0 0-3 3v9a2 2 0 0 0-2 2v1a4 4 0 0 0 4 4h6v7.142A4 4 0 0 0 26.142 29H18v-5a4 4 0 0 0-3.906-3.99c-.018 0-.035-.005-.053-.006H3.907A4 4 0 0 0 0 24v8a1 1 0 0 0 2 0v-8a2 2 0 0 1 1.428-1.907l1.4 2.8A1.99 1.99 0 0 0 6.618 26h4.764a1.99 1.99 0 0 0 1.789-1.1l1.4-2.8A2 2 0 0 1 16 24v16a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2 1 1 0 0 0-2 0 4 4 0 0 0 4 4h10a4 4 0 0 0 4-4v-9h8.142A4 4 0 0 0 29 33.858v6.414a7.1 7.1 0 0 0-10.814 5.8A7.094 7.094 0 0 0 20.094 60h19.812a7.094 7.094 0 0 0 2.065-13.881A8.11 8.11 0 0 0 31 40.6v-6.742A4 4 0 0 0 33.858 31H38v2a4 4 0 0 0 4 4h3v1.126A4.009 4.009 0 0 0 42 42a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2 4.009 4.009 0 0 0-3-3.874V37h3a4 4 0 0 0 4-4v-9a4 4 0 0 0-4-4zM23 3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v9H23zm-2 12v-1h18v1a2 2 0 0 1-2 2H23a2 2 0 0 1-2-2zM6.618 24l-1-2h6.764l-1 2zM40.13 47.094a1 1 0 0 0 .788.819A5.094 5.094 0 0 1 39.906 58H20.094a5.094 5.094 0 0 1-.742-10.134 1 1 0 0 0 .852-1.08 5.1 5.1 0 0 1 8.949-3.78 1 1 0 0 0 1.356.157 6.1 6.1 0 0 1 9.621 3.931zM30 32a2 2 0 1 1 0-4 2 2 0 0 1 0 4zm22 8a2 2 0 0 1 2 2H44a2 2 0 0 1 2-2 1 1 0 0 0 1-1v-2h4v2a1 1 0 0 0 1 1zm6-7a2 2 0 0 1-2 2H42a2 2 0 0 1-2-2v-9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"
/>
<path
d="M12 40a1 1 0 0 0 0-2H6a1 1 0 0 0 0 2zM20.094 54a1.094 1.094 0 0 1-.163-2.176 1 1 0 0 0-.289-1.978A3.094 3.094 0 0 0 20.094 56a1 1 0 0 0 0-2z"
/>
</g>
</g>
</svg>
More icons in the same style and category