Add icons to this collection by clicking the heart icon.
Cloud icon - also known as interface, cloud, storage, connection, networking, folder, cloud storage, folders, data storage, and electronics. 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="100"
height="100"
viewBox="0 0 512 512"
>
<g transform="translate(1 1)">
<path
d="M229.4 365.933V485.4c-.028 9.414-7.653 17.039-17.067 17.067h-23.637c8.85-.61 15.574-8.208 15.104-17.067V365.933c.471-8.859-6.254-16.457-15.104-17.067h23.637c9.415.028 17.04 7.653 17.067 17.067z"
fill="#7facfa"
/>
<path
d="M50.2 502.467H24.6a17.082 17.082 0 0 1-16.299-12.032 5.044 5.044 0 0 1-.427-1.621 14.944 14.944 0 0 1-.341-3.413V331.8a15 15 0 0 1 .341-3.413c.051-.56.195-1.108.427-1.621A17.08 17.08 0 0 1 24.6 314.734h25.6a17.08 17.08 0 0 0-16.299 12.032 5.044 5.044 0 0 0-.427 1.621 14.944 14.944 0 0 0-.341 3.413v153.6a15 15 0 0 0 .341 3.413c.051.56.195 1.108.427 1.621A17.081 17.081 0 0 0 50.2 502.467z"
fill="#fff"
/>
<linearGradient
id="a"
x1="-49.758"
x2="-48.765"
y1="651.165"
y2="650.263"
gradientTransform="matrix(170.6917 0 0 -187.7333 8518.716 122577.875)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M203.8 365.933V485.4c.47 8.859-6.254 16.457-15.104 17.067H50.2a17.082 17.082 0 0 1-16.299-12.032 5.044 5.044 0 0 1-.427-1.621 14.944 14.944 0 0 1-.341-3.413V331.8a15 15 0 0 1 .341-3.413c.051-.56.195-1.108.427-1.621A17.08 17.08 0 0 1 50.2 314.734h25.6c9.414.028 17.039 7.652 17.067 17.067.068 9.397 7.669 16.998 17.067 17.067h78.763c8.849.608 15.574 8.206 15.103 17.065z"
fill="url(#a)"
/>
<path
d="M502.467 364.511v119.467c-.028 9.414-7.653 17.039-17.067 17.067h-23.637c8.85-.61 15.574-8.208 15.104-17.067V364.511c.471-8.859-6.254-16.457-15.104-17.067H485.4c9.414.028 17.039 7.653 17.067 17.067z"
fill="#7facfa"
/>
<path
d="M323.267 501.044h-25.6a17.082 17.082 0 0 1-16.299-12.032 5.044 5.044 0 0 1-.427-1.621 14.944 14.944 0 0 1-.341-3.413v-153.6a15 15 0 0 1 .341-3.413c.051-.56.195-1.108.427-1.621a17.08 17.08 0 0 1 16.299-12.032h25.6a17.08 17.08 0 0 0-16.299 12.032 5.044 5.044 0 0 0-.427 1.621 14.944 14.944 0 0 0-.341 3.413v153.6a15 15 0 0 0 .341 3.413c.051.56.195 1.108.427 1.621a17.08 17.08 0 0 0 16.299 12.032z"
fill="#fff"
/>
<linearGradient
id="b"
x1="-49.758"
x2="-48.765"
y1="651.165"
y2="650.263"
gradientTransform="matrix(170.6917 0 0 -187.7333 8791.782 122576.453)"
gradientUnits="userSpaceOnUse"
>
<stop offset="0" stop-color="#d4e1f4" />
<stop offset=".172" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#d4e1f4" />
<stop offset=".2" stop-color="#dae4f4" />
<stop offset=".201" stop-color="#ebebf4" />
<stop offset=".201" stop-color="#f6f1f4" />
<stop offset=".202" stop-color="#fdf4f4" />
<stop offset=".205" stop-color="#fff5f4" />
<stop offset=".252" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#fff5f4" />
<stop offset=".26" stop-color="#d4e1f4" />
<stop offset=".397" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#d4e1f4" />
<stop offset=".42" stop-color="#dae4f4" />
<stop offset=".421" stop-color="#ebebf4" />
<stop offset=".421" stop-color="#f6f1f4" />
<stop offset=".422" stop-color="#fdf4f4" />
<stop offset=".425" stop-color="#fff5f4" />
<stop offset=".489" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#fff5f4" />
<stop offset=".5" stop-color="#f9f2f4" />
<stop offset=".5" stop-color="#e8ebf4" />
<stop offset=".5" stop-color="#dde5f4" />
<stop offset=".5" stop-color="#d6e2f4" />
<stop offset=".501" stop-color="#d4e1f4" />
<stop offset=".706" stop-color="#d4e1f4" />
<stop offset=".74" stop-color="#d4e1f4" />
<stop offset=".741" stop-color="#fff5f4" />
<stop offset=".835" stop-color="#fff5f4" />
<stop offset=".85" stop-color="#fff5f4" />
<stop offset=".851" stop-color="#d4e1f4" />
</linearGradient>
<path
d="M476.867 364.511v119.467c.47 8.859-6.254 16.457-15.104 17.067H323.267a17.082 17.082 0 0 1-16.299-12.032 5.044 5.044 0 0 1-.427-1.621 14.944 14.944 0 0 1-.341-3.413v-153.6a15 15 0 0 1 .341-3.413c.051-.56.195-1.108.427-1.621a17.08 17.08 0 0 1 16.299-12.032h25.6c9.414.028 17.039 7.652 17.067 17.067.068 9.397 7.669 16.999 17.067 17.067h78.763c8.849.607 15.573 8.205 15.103 17.064z"
fill="url(#b)"
/>
<path
d="M417.133 145.005c0 27.733-19.797 50.261-44.203 50.261h-25.6c24.405 0 44.203-22.528 44.203-50.261 0-27.819-19.797-50.347-44.203-50.347-1.599-.014-3.197.1-4.779.341a79.282 79.282 0 0 0 1.792-17.067c0-33.963-21.077-62.208-49.152-68.864a53.278 53.278 0 0 1 12.885-1.536c34.219 0 61.867 31.488 61.867 70.4a79.288 79.288 0 0 1-1.792 17.067 29.972 29.972 0 0 1 4.779-.341c24.406.001 44.203 22.529 44.203 50.347z"
fill="#a4c2f7"
/>
<path
d="M162.669 195.267h-25.6c-24.405 0-44.203-22.528-44.203-50.261-.757-21.017 11.729-40.258 31.232-48.128.853-.345 1.74-.603 2.645-.768a37.757 37.757 0 0 1 10.325-1.451 36.275 36.275 0 0 1 12.544 2.219c-19.442 7.93-31.877 27.143-31.147 48.128.002 27.733 19.799 50.261 44.204 50.261zM226.328 35.864c-27.745 8.195-47.263 33.054-48.64 61.952a37.008 37.008 0 0 0-15.019-3.157 37.68 37.68 0 0 0-10.325 1.451h-.085c1.981-28.292 21.401-52.345 48.64-60.245a53.595 53.595 0 0 1 12.8-1.536 51.64 51.64 0 0 1 12.629 1.535z"
fill="#fff"
/>
<path
d="M391.533 145.005c0 27.733-19.797 50.261-44.203 50.261H162.669c-24.405 0-44.203-22.528-44.203-50.261-.73-20.985 11.704-40.198 31.147-48.128h.085c.768.256 1.621.597 2.389.939.085-.597.085-1.109.171-1.707h.085a37.757 37.757 0 0 1 10.325-1.451 37.008 37.008 0 0 1 15.019 3.157c1.377-28.898 20.895-53.757 48.64-61.952h.171c1.792.427 3.584 1.024 5.376 1.621a58.413 58.413 0 0 1 19.797 11.691 78.418 78.418 0 0 1 5.803-11.691h.085a61.366 61.366 0 0 1 37.632-28.416 48.924 48.924 0 0 1 12.885 4.864 71.154 71.154 0 0 1 36.267 64 79.288 79.288 0 0 1-1.792 17.067 29.972 29.972 0 0 1 4.779-.341c24.406.001 44.203 22.529 44.203 50.347z"
fill="#e3e7f2"
/>
</g>
<path
d="M230.4 392.533h-128a8.533 8.533 0 0 1 0-17.066h128a8.533 8.533 0 0 1 0 17.066zM42.667 392.533H8.533a8.533 8.533 0 0 1 0-17.066h34.133a8.533 8.533 0 0 1 .001 17.066zM486.4 512H298.667c-14.132-.015-25.585-11.468-25.6-25.6V332.8c.015-14.132 11.468-25.585 25.6-25.6h51.2c14.132.015 25.585 11.468 25.6 25.6a8.538 8.538 0 0 0 8.533 8.533h102.4c14.132.015 25.585 11.468 25.6 25.6V486.4c-.015 14.132-11.468 25.585-25.6 25.6zM298.667 324.267a8.538 8.538 0 0 0-8.533 8.533v153.6a8.538 8.538 0 0 0 8.533 8.533H486.4a8.538 8.538 0 0 0 8.533-8.533V366.933a8.538 8.538 0 0 0-8.533-8.533H384c-14.132-.015-25.585-11.468-25.6-25.6a8.538 8.538 0 0 0-8.533-8.533h-51.2z"
fill="#428dff"
/>
<path
d="M503.467 392.533h-128a8.533 8.533 0 0 1 0-17.066h128a8.533 8.533 0 0 1 0 17.066zM315.733 392.533H281.6c-4.713 0-8.533-3.82-8.533-8.533s3.82-8.533 8.533-8.533h34.133a8.533 8.533 0 0 1 0 17.066zM128 358.4a8.525 8.525 0 0 1-8.533-8.533v-76.8c.015-14.132 11.468-25.585 25.6-25.6h102.4v-51.2a8.533 8.533 0 0 1 17.066 0V256a8.525 8.525 0 0 1-8.533 8.533H145.067a8.538 8.538 0 0 0-8.533 8.533v76.8A8.526 8.526 0 0 1 128 358.4z"
fill="#428dff"
/>
<path
d="M401.067 358.4a8.525 8.525 0 0 1-8.533-8.533v-76.8a8.538 8.538 0 0 0-8.533-8.533H256a8.533 8.533 0 0 1 0-17.066h128c14.132.015 25.585 11.468 25.6 25.6v76.8a8.525 8.525 0 0 1-8.533 8.532zM373.917 204.8H138.083c-29.083 0-52.75-26.383-52.75-58.817S109 87.158 138.083 87.158a46.518 46.518 0 0 1 8.008.683c7.233-35.425 35.292-61.025 68.642-61.025a63.807 63.807 0 0 1 34.675 10.233A68.96 68.96 0 0 1 309.058 0C347.9 0 379.5 35.408 379.5 78.933c0 2.842-.133 5.683-.408 8.508 26.667 2.908 47.575 28.05 47.575 58.542 0 32.434-23.667 58.817-52.75 58.817zM138.083 104.225c-19.675 0-35.683 18.733-35.683 41.758s16.009 41.75 35.683 41.75h235.833c19.675 0 35.683-18.725 35.683-41.75s-16.009-41.758-35.683-41.758a19.374 19.374 0 0 0-3.325.217 8.531 8.531 0 0 1-9.791-10.208 72.47 72.47 0 0 0 1.633-15.3c0-34.116-23.942-61.867-53.375-61.867-22.082.911-41.336 15.293-48.475 36.208a8.517 8.517 0 0 1-13.6 3.275 48.232 48.232 0 0 0-32.25-12.667c-27.55 0-50.383 23.917-53.117 55.633a8.536 8.536 0 0 1-11.892 7.1 29 29 0 0 0-11.641-2.391zM213.333 512H25.6C11.468 511.985.015 500.532 0 486.4v-8.533a8.533 8.533 0 0 1 17.066 0v8.533a8.538 8.538 0 0 0 8.533 8.533h187.733a8.538 8.538 0 0 0 8.533-8.533V366.933a8.538 8.538 0 0 0-8.533-8.533h-102.4c-14.111-.066-25.534-11.489-25.6-25.6a8.538 8.538 0 0 0-8.533-8.533H25.6a8.538 8.538 0 0 0-8.533 8.533v76.8A8.534 8.534 0 0 1 0 409.6v-76.8c.015-14.132 11.468-25.585 25.6-25.6h51.2c14.132.015 25.585 11.468 25.6 25.6a8.187 8.187 0 0 0 2.45 5.917 8.344 8.344 0 0 0 6.083 2.617h102.4c14.132.015 25.585 11.468 25.6 25.6V486.4c-.015 14.132-11.468 25.585-25.6 25.6z"
fill="#428dff"
/>
<circle cx="8.533" cy="443.733" r="8.533" fill="#428dff" />
</svg>
More icons in the same style and category